Collapse
Раскрываемый блок с заголовком.
summary обязателен и принимает разметку — например, текст с Badge. Для начального состояния задайте defaultOpen, для управляемого — open и onOpenChange.
Живой пример
Summary
Настройки примера
Использование
import { Collapse } from '@prosazhin/pbcomponents';
<Collapse summary='Summary'>Collapse item content</Collapse>;API компонента
| Prop | Тип / варианты | Назначение | По умолчанию |
|---|---|---|---|
summary | ReactNode | Заголовок раскрываемого блока: текст или разметка, например с Badge. | — |
children | ReactNode | Содержимое раскрытого блока. | — |
open | boolean | Управляемое состояние открытия. | — |
defaultOpen | boolean | Начальное состояние без внешнего управления. | false |
onOpenChange | (open: boolean) => void | Вызывается при открытии и закрытии. | — |
contentClassName | string | Класс содержимого раскрытого блока. | — |
className | string | Класс корневого элемента. | — |
Нативные HTML-атрибуты поддерживаются там, где компонент рендерит соответствующий элемент. Параметры className управляют только оформлением.