SideMenuGroup
Раскрываемая секция SideMenu: заголовок Heading из Figma и готовый список. text принимает ReactNode; className/style относятся к строке заголовка, остальные native attributes/ref — к кнопке раскрытия.
Использование
Доступность
Семантический h2 содержит кнопку с aria-expanded/controls. Скрытый список сохраняет состояние потомков и исключается из Tab. При внешнем закрытии группы фокус из её содержимого возвращается на заголовок.
API
| Проп | Тип | По умолчанию | Описание |
|---|---|---|---|
text* | ReactNode | — | Non-interactive heading content; matches Figma text. |
end | ReactNode | — | Independent heading actions; shown on hover. |
children | ReactNode | — | Group contents, wrapped in a list automatically. |
expanded | boolean | — | Controlled disclosure state. |
defaultExpanded | boolean | | Initial uncontrolled disclosure state. |
onExpandedChange | (expanded: boolean) => void | — | — |
actionsVisible | boolean | | Keep heading actions visible while an associated popup is open. |
Last updated on