MeldUI

Accordion

A vertically stacked set of interactive headings that reveal or hide sections of content.

Usage

Multiple & Disabled

Use type="multiple" to allow several items open at once. Individual items can be disabled.

Sub-components

AccordionItem

Individual collapsible section.

PropTypeDefaultDescription
value*string-Unique identifier for the item.
disabledboolean-Prevents user interaction.

AccordionTrigger

Clickable header that toggles the content.

Slots

SlotPropsDescription
icon-Custom expand/collapse indicator icon.

AccordionContent

Collapsible content area with enter/leave animations.