npm i @velkin/react
import { VuAccordionItem } from "@velkin/react/accordion-item";Tables match the member selected under Import.
| Prop | Type | Default | Description |
|---|---|---|---|
| open | boolean | false | Whether the item is expanded. Default: `false`. |
| disabled | boolean | false | Prevents interaction. Default: `false`. |
| Event | Detail | Description |
|---|---|---|
| vu-open-change | VuAccordionItemOpenChangeDetail | After open state changes. |
| Slot | Description |
|---|---|
| start | Leading visual before the title group. |
| title | Primary header content. |
| sub-title | Secondary header content. |
| expand-icon | Trailing control while collapsed. |
| collapse-icon | Trailing control while expanded. |
| body | Collapsible body content. |
| Part | Description |
|---|---|
| item | Item root wrapper. |
| header | Interactive header trigger. |
| start | Leading visual wrapper. |
| title | Primary title wrapper. |
| sub-title | Secondary title wrapper. |
| icon | Expand or collapse icon wrapper. |
| body | Collapsible body container. |
| Method | Description |
|---|---|
| expand | - Expands and emits `vu-open-change` when state changes. |
| collapse | - Collapses and emits `vu-open-change` when state changes. |
| toggle | - Toggles open state and emits `vu-open-change`. |
| Name | Definition |
|---|---|
| VuAccordionItemOpenChangeDetail | |