Accordion
Accessible collapsible section with an independent action slot and preserved child state.
Использование
Содержимое раздела
Размер заголовка
Содержимое раздела
Содержимое раздела
Содержимое раздела
headingLevel
Содержимое раздела
Содержимое раздела
Содержимое раздела
Содержимое раздела
Содержимое раздела
Состояния
Содержимое раздела
Содержимое раздела
API
| Проп | Тип | По умолчанию | Описание |
|---|---|---|---|
title* | ReactNode | — | Non-interactive heading content. |
titleSize | "h4" | "h5" | "h6" | h6 | Visual size, independent of the heading level. |
headingLevel | 2 | 3 | 4 | 5 | 6 | 3 | Semantic heading level. |
start | ReactNode | — | — |
end | ReactNode | — | — |
actions | ReactNode | — | Independent actions outside the toggle button; owner controls disabled state. |
border | boolean | | — |
disabled | boolean | | — |
open | boolean | — | — |
defaultOpen | boolean | | — |
onOpenChange | (open: boolean) => void | — | — |
onOpen | () => void | — | — |
onClose | () => void | — | — |
keepMounted | boolean | | Preserve child state while collapsed. |
region | boolean | | Add a named region landmark to the panel. |
value | string | — | Unique item identifier when used inside AccordionGroup. |
Last updated on