@flx

Only one section open at a time, type="single" collapsible. The default behavior.

Each item is a bordered card with spacing between them.

One trigger disabled while the others stay interactive.

Controlled value with expand-all / collapse-all buttons.

Missing image falls back to initials.

Presence dot in the corner showing online, away, or offline.

Overlapping group with a +N count for the remaining members.

A single default badge.

Tinted success, warning, error, and info states.

Assignee chip with a leading avatar inside the badge.

A wrapping group of outline badges as tags.

Message paired with Later and Update now buttons.

type="multiple" keeps several sections open at once.

Plus icon on each trigger that turns into a minus when open, instead of a chevron.

An accordion rendered inside another panel body.

Grouped switch rows revealed inside each panel.

Generic user icon when there is no image or name.

Verified check icon inside the AvatarBadge.

Hover each avatar in the group to reveal its name.

All six variants side-by-side: default, secondary, destructive, outline, ghost, link.

Pill-shaped numeric counts with tabular figures.

Small, default, and large sizes via className.

Icon, message, and a subtle bordered surface.

Full-width gradient promo with a New tag and arrow.

Leading icon beside each trigger label.

Rotating chevron placed before the label instead of after it.

Borderless minimal rows with an active color on open.

Two-line trigger pairing a title with helper text.

Small, default, and large sizes side-by-side.

Avatar beside a name and email, forming a user row.

Skeleton placeholder while the avatar loads.

Leading verified icon before the label.

render prop renders the badge as an anchor with a trailing icon.

Up and down arrows with tinted gain / loss percentages.

Info, success, warning, and error tones stacked.

Collapsible release notes that reveal highlights.

A titled question-and-answer list.

Lists, links, and a button inside the panel body.

Each trigger sits on a muted, rounded background.

Image avatar with an initials fallback.

Tinted initials fallbacks using semantic tokens.

Overlapping AvatarGroup stack of members.

Icon badge pinned to the top-right corner.

A colored presence dot beside an outline label.

Dismissible tag chips with a trailing remove button.

Round icon-only badges across variants.

A close button hides the banner with a restore link.

Amber system notice with a pulsing status dot.