Accordion
Accordion belongs to the Data Display category. Start with demos and usage, then use the API tables to finish integration and styling decisions.
Use the quick jump panel to reach overview, usage, demos, and API first, then continue through the full page.
Version history is grouped by release so you can quickly see what changed for this component across published versions.
2026-05-13
enable collapsible behavior by default and update related props
2026-04-26
Implement AccordionCompact component and update related types and context
add AccordionDescription component and update related files
optimize slot template types
reorganize imports and update slot structure for Accordion components
add AccordionDescription component and update related files
reorganize imports and update slot structure for Accordion components
Implement AccordionCompact component and update related types and context
optimize slot template types
2026-02-10
add default value for unmountOnHide prop
2025-11-18
implement accordion component structure with root, item, header, content, trigger, and context management
add theme context for customizable styles across accordion components
implement Accordion component with props management, customizable slots, and theme context integration
add multiple accordion examples with custom icons and styling options, and integrate Card component examples
implement Accordion component with customizable slots and props, enhancing accordion functionality and theming support
enhance content slot by wrapping description in a paragraph and update accordion variant styles for better spacing
adjust padding and gap values for trigger elements across all size variants for improved layout consistency
optimize accordion with useSelection
rename root element reference for clarity and update trigger ID prefix for uniqueness
replace direct collection item attribute usage with utility function to improve keydown handling
update accordion context to use shallowRef for rootElement and improve direction handling
simplify accordion component props by removing unnecessary type parameters and improving clarity in single/multiple handling
rename toggleModelValue to onModelValueChange for improved clarity in value handling
rename 'direction' to 'dir' for consistency in context handling
rename type AccordionItemData to AccordionOptionData
implement accordion component structure with root, item, header, content, trigger, and context management
add theme context for customizable styles across accordion components
implement Accordion component with props management, customizable slots, and theme context integration
add multiple accordion examples with custom icons and styling options, and integrate Card component examples
implement Accordion component with customizable slots and props, enhancing accordion functionality and theming support
enhance content slot by wrapping description in a paragraph and update accordion variant styles for better spacing
adjust padding and gap values for trigger elements across all size variants for improved layout consistency
optimize accordion with useSelection
rename root element reference for clarity and update trigger ID prefix for uniqueness
replace direct collection item attribute usage with utility function to improve keydown handling
update accordion context to use shallowRef for rootElement and improve direction handling
simplify accordion component props by removing unnecessary type parameters and improving clarity in single/multiple handling
rename toggleModelValue to onModelValueChange for improved clarity in value handling
rename 'direction' to 'dir' for consistency in context handling
rename type AccordionItemData to AccordionOptionData