Summary box
Highlight key information or next steps from a longer page with a summary box.
Examples
Breakpoints
Mobile
320pxMobile Lg
480pxTablet
640pxDesktop
1024pxKey information
- If you are under 18, you cannot apply.
- You must be a U.S. citizen or permanent resident.
- You must have a valid Social Security number.
summary-box-demo.tsx
Component API
Place a Heading and Content inside Root to emphasize key information.
Root<div>
Place Heading before Content.
Heading<div>
Names the summary box. Place a heading element inside at the appropriate page level.
Content<div>
Put summary text and supporting links below Heading.