Dialog 12 - Responsive Dialog · Shadcn Dashboard

Responsive pattern that shows a dialog on desktop and a swipeable bottom drawer on mobile, sharing one form.

npx shadcn@latest add @shadcn-dashboard/dialog-12

Loading the source for dialog-12…

dialog-12

Registry Items

dialog-12

Configuration

Name

dialog-12

Type

Component

Description

Responsive pattern that shows a dialog on desktop and a swipeable bottom drawer on mobile, sharing one form.

Files · 1

Dependencies

npm packages

lucide-react

Registry items

dialog

drawer

button

input

label