• Skip to content
  • Accessibility help
Sign in
  • Guidance
  • Standards and indicators
  • Life sciences
  • British National Formulary (BNF)
  • British National Formulary for Children (BNFC)
  • Clinical Knowledge Summaries (CKS)
  • About

Read about our approach to COVID-19

  1. Design System
  2. Components
  3. Callout

Callout

To do

  • Components
  • Action banner
  • Alphabet
  • Breadcrumbs
  • Callout
  • Card
  • Column List
  • Enhanced pagination
  • Filters
  • Full Bleed
  • Hero
  • Horizontal navigation
  • In-page nav
  • Maintain ratio
  • Page header
  • Panel
  • Phase banner
  • Previous & Next
  • Stacked navigation
  • Tabs
  • Tag

View in StorybookView on NPMView Source on Github

TODO: Callout docs

Developer Notes

  • The image will always be clipped at 16:9 ratio.
  • Always appear at 100% if not in a grid.
  • Guidance
  • Standards and indicators
  • Life sciences
  • British National Formulary (BNF)
  • British National Formulary for Children (BNFC)
  • Clinical Knowledge Summaries (CKS)
  • Knowledge resources
  • About NICE
  • Into practice
  • Get involved with NICE
  • Jobs
  • News
  • Newsletters and alerts
  • Contact us
  • Leave feedback
  • Reusing our content
  • NICE UK Open Content Licence
  • Syndicate our content
  • Facebook
  • Twitter
  • YouTube
  • Instagram
  • LinkedIn
  • Accessibility
  • Freedom of information
  • Glossary
  • Terms and conditions
  • Privacy notice
  • Cookies

© NICE 2023. All rights reserved. Subject to Notice of rights.