Dialog

Модальное окно на shadcn / Radix Dialog. Это compound-компонент: корень Dialog (управляет состоянием), DialogTrigger (открывает), DialogContent (тело в Portal с оверлеем и крестиком закрытия), DialogHeader + DialogTitle / DialogDescription, DialogFooter и DialogClose. Focus-trap, закрытие по Esc, aria-labelledby / aria-describedby — из Radix «из коробки».

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

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

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

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