Collapsible

Раскрывающийся блок на shadcn / Radix Collapsible. Compound-набор: Collapsible / CollapsibleTrigger / CollapsibleContent. Компонент headless — управляет только состоянием раскрытия (uncontrolled через defaultOpen либо controlled через open + onOpenChange), а оформление задаёт вызывающий код.

Variants — готовые конфигурации компонента: один и тот же компонент с разными преднастроенными пропсами. Витрина состояний (напр. обычный Select и Select с расширенной информацией — два варианта).

Examples — приёмы в коде: как решить задачу. Напр. как разные Data Provider’ы работают с компонентом (рецепты использования).

Простейший режим: состояние хранит сам компонент, стартовое — через defaultOpen.

Загрузка демо…

Состояние снаружи: open + onOpenChange. Позволяет синхронизировать иконку/подпись триггера.

Загрузка демо…

disabled на Collapsible блокирует триггер (data-disabled прокидывается на кнопку).

Загрузка демо…