Overview
The Note component displays a short block of supporting text within a page. It's designed for brief tips, reminders, or additional context that complements the main content without interrupting the flow.
Common uses
- Call out tips, notes, or supporting details
- Provide additional context or clarification for a section
- Highlight important reminders or deadlines
- Reinforce key information without creating a full content block
Component example
Component fields
| Element name | Required | Multiple |
|---|---|---|
|
Content
Note text displayed in a styled block. Limit to a few sentences. Supports bold, italics, links, and lists.
|
Yes
|
No
|
Do
- Use for brief tips or reminders
- Keep notes short and easy to scan
- Place notes near the content they support
Don't
- Write long paragraphs—keep notes concise
- Use for primary content or key calls to action
- Overuse multiple notes on a single page, which can reduce their impact