Skip to Content

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"h6Visual size, independent of the heading level.
headingLevel2 | 3 | 4 | 5 | 63Semantic heading level.
startReactNode——
endReactNode——
actionsReactNode—Independent actions outside the toggle button; owner controls disabled state.
borderboolean—
disabledboolean—
openboolean——
defaultOpenboolean—
onOpenChange(open: boolean) => void——
onOpen() => void——
onClose() => void——
keepMountedbooleanPreserve child state while collapsed.
regionbooleanAdd a named region landmark to the panel.
valuestring—Unique item identifier when used inside AccordionGroup.
Last updated on