Skip to main content

Collapsible

Single expand/collapse section with animated height and aria-expanded.

Text only (default)

Delivered in 3–5 business days. Tracking emailed after dispatch.

Icon only

Delivered in 3–5 business days. Tracking emailed after dispatch.

Two-factor authentication is enabled for this account.

Icon and text (both)

Visa ending in 4242. Next charge on the 1st of each month.

Returns accepted within 30 days in original packaging.

Implicit both (icon + no layout)

When an icon is passed without triggerLayout, the trigger defaults to icon + text.

Stacked orders

Shipped — arrives Thursday.

Delivered March 3.

API

PropRequiredTypeDefaultDescription
themeOptionalSiteThemeatelierVisual theme.
titleOptionalstring—Trigger label (visible or screen-reader only).
triggerLayoutOptional"text" | "icon" | "both"—Text-only, icon-only (+ chevron), or icon + title. Defaults to both when icon is set.
iconOptionalReactNode—Leading icon — use with icon or both layouts.
ariaLabelOptionalstring—Accessible name override when triggerLayout is icon.
open / onOpenChangeOptionalboolean + callback—Controlled open state.
defaultOpenOptionalboolean—Initial open state (uncontrolled).
animationVariantOptionalPressAnimationVariantdefaultPress animation — default, none, ripple, scale, sink, lift, pulse, or glow.