Sheet

Боковая панель на shadcn / Radix Dialog. Это compound-компонент: корень Sheet (управляет состоянием), SheetTrigger (открывает), SheetContent (тело в Portal с оверлеем и крестиком закрытия), SheetHeader + SheetTitle / SheetDescription, SheetFooter и SheetClose. Направление выезда задаёт prop side (top / right / bottom / left). Focus-trap, закрытие по Esc, aria-labelledby / aria-describedby — из Radix «из коробки».

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

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

Триггер выдвигает панель справа с заголовком, описанием и подвалом. Крестик закрытия встроен в SheetContent (showCloseButton по умолчанию).

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

Prop side управляет краем, от которого выезжает панель: right (по умолчанию), left, top, bottom.

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