No matches.
component
Controlled list of expanded item values. Bind this prop to track or set expansion state externally.
Surface level for each item's Panel background. Inherited by all items unless overridden per-item.
Box-shadow ring border applied to each item. Uses box-shadow so it is layout-neutral.
Frame the whole group in a Card: the group `heading` / `subheading` / `leading` / `trailing` actions go in the card header, an optional `footer` under the items, and the items become flush rows of the card's content (edge to edge by default; `contentBackground` puts them on an inset panel). Items keep their disclosure pattern — they never become cards. Unset or `false` renders the bare accordion (no Card). In card mode the accordion-level `size`, `background`, `border`, `radius` and `feedback` become the card's defaults.
Visual emphasis applied to each item's Panel. `primary` is a solid feedback accent surface with contrast text; `secondary` is a feedback-tinted soft surface (default); `tertiary` is a neutral surface with bold feedback-tinted text. Inherited by all items unless overridden per-item.
Semantic feedback color applied to each item's Panel background. Inherited by all items unless overridden per-item.
Internal padding for each item's Panel. Inherited by all items unless overridden per-item.
Border radius for each item's Panel. Inherited by all items unless overridden per-item.
Border radius for the bottom corners of each item's Panel.
Border radius for the left corners of each item's Panel.
Border radius for the right corners of each item's Panel.
Border radius for the top corners of each item's Panel.
Controls trigger padding, content padding, and font size for all items.
In `single` mode, allow the open item to be collapsed back to nothing. Has no effect in `multiple` mode.
Callback fired whenever the expanded set changes.
Expansion behavior. `single` allows one item open at a time and collapses siblings; `multiple` allows any number of items to be open simultaneously.
Document outline level of the heading wrapping the trigger (`3` → `<h3>`). Nested in an `<Accordion>`, the root's `itemHeadingLevel` is the default.
Slot children (nested `<AccordionItem>`s). Ignored when `items` is set.
When provided, `<Accordion>` renders one `<AccordionItem>` per entry, applying root-level style props as defaults and letting each entry override them. Mutually exclusive with slot children (items wins, slot is ignored with a console warning in dev).
Programmatic snippet map for items-array mode. Keys are item `value`s, values are snippets rendered as the body of each item. Alternatively, declare inline snippets whose names match the item values as children of <Accordion> — those are captured automatically.
Bound reference to the accordion root (`bind:this`) — the item stack, which sits inside the Card's content when `card` is set.
AccordionPassThrough< RootElementAttributes, ItemElementAttributes, TriggerElementAttributes, IndicatorElementAttributes, ContentElementAttributes, HeaderElementAttributes, HeadingElementAttributes, ActionsElementAttributes, ContentInnerElementAttributes, ContentBodyElementAttributes > Per-slot style and attribute override bag. Applies to all items.
Astro / vanilla: serialize the props into `data-accordion-config` so the client runtime hydrates this instance and `getPindoba(el, "accordion")` can `update()` it. Astro sets it on every instance (an accordion is interactive by nature). Frameworks with their own reactivity don't need it.
Plus all standard <div> HTML attributes.
Whether the item is open. Drives `aria-expanded`, `data-state`, and the collapsed-panel `hidden="until-found"` (which keeps the body findable by the browser's find-in-page). In Svelte this is controlled via the root accordion's `value` prop.
Unique identifier for this item within the accordion. Used to track expansion state.
Document outline level of the heading wrapping the trigger (`3` → `<h3>`). Nested in an `<Accordion>`, the root's `itemHeadingLevel` is the default.
{ item?: AccordionSlotPassThrough<ItemElementAttributes>; header?: AccordionSlotPassThrough<HeaderElementAttributes>; heading?: AccordionSlotPassThrough<HeadingElementAttributes>; trigger?: AccordionSlotPassThrough<TriggerElementAttributes>; indicator?: AccordionSlotPassThrough<IndicatorElementAttributes>; actionsLeading?: AccordionSlotPassThrough<ActionsElementAttributes>; actionsTrailing?: AccordionSlotPassThrough<ActionsElementAttributes>; content?: AccordionSlotPassThrough<ContentElementAttributes>; contentInner?: AccordionSlotPassThrough<ContentInnerElementAttributes>; contentBody?: AccordionSlotPassThrough<ContentBodyElementAttributes>; } Per-slot style and attribute override bag for this item. Takes precedence over the root accordion's `passThrough`.
Astro / vanilla: serialize the props into `data-accordion-item-config` so the client runtime hydrates this item and `getPindoba(el, "accordion-item")` can `update()` it. Astro sets it on every item. Frameworks with their own reactivity don't need it.