Tips Panel
Aside card that wraps a stack of Tips with an icon, title, optional count chip, description, and footer. Drop it into the right column of .layout-form-with-guide for form-side guidance.
Default
Icon + title + stacked Tips
The most common shape: a lightbulb, a heading, and 2–4 compact Tips.
With count chip
Signal how many tips the panel contains
Use when the panel gets long enough that users may collapse it.
Muted variant
Gray header for a quieter presence
Use in contexts where the form itself carries the brand accent.
With footer slot
Add a link, dismiss action, or 'learn more'
The footer slot is ideal for escape hatches that don't belong inside a Tip.
Custom icon
Swap the default lightbulb
Pass any SVG (or other content) into the Icon slot.