Drawer

Выезжающая панель на shadcn / vaul. Это compound-компонент: корень Drawer (управляет состоянием и стороной выезда direction), DrawerTrigger (открывает), DrawerContent (тело в Portal с оверлеем и «ручкой» перетаскивания), DrawerHeader + DrawerTitle / DrawerDescription, DrawerFooter и DrawerClose. Жест drag-to-dismiss, focus-trap, закрытие по Esc, aria-labelledby / aria-describedby — из vaul «из коробки».

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

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

Триггер открывает панель, выезжающую снизу (direction по умолчанию — bottom). Заголовок, описание, подвал с действиями.

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