The Note block highlights concise guidance, reminders, and important context. Compare the compact horizontal layout with a styled vertical layout.
Horizontal note
A clear baseline example with the default border, spacing, typography, and information icon.
Quick implementation note
Use this pattern when the key message should stay compact and easy to scan.
Vertical note with custom styling
This variant demonstrates the vertical layout, a different Dashicon, custom colors, border treatment, typography, and spacing.
Accessibility tip
Keep important guidance concise, use a meaningful icon, and choose colors with sufficient contrast.