Avatars
User profile images with status indicators, grouping, and shapes.
Sizes & Shapes
XS
SM
MD
LG
XL
C
R
S
Sq
Hx
P
Status & Types
ON
BS
AW
Content Types
AK
Avatar Groups
+5
Hover to expand stack.
Interactive
JD
Focusable and clickable with hover states.
Interactive
Components that respond to user interaction.
Hints & Disclosure
Open Tooltip DemoTooltip and popover variants live on their own page now, so this section stays focused on other interactive patterns.
Accordion Item 1
Content for the first accordion item. It expands and collapses.
Accordion Item 2
Content for the second accordion item.
Misc Components
Badges, progress bars, switches, and dropdowns.
Badges
Default
Secondary
Outline
Destructive
Success
Soft Primary
Soft Success
Soft Warning
Dot Badge
Square