Skip to main content
A consistent, production-ready dialog for forms. Features:
  • Accessible (keyboard nav, focus trap, screen reader support)
  • Animated open/close transitions
  • Consistent header, body, footer layout
  • Loading state support
  • Multiple sizes
Example:

Props

boolean
required
open
(open: boolean) => void
required
onOpenChange
string
required
title
string
description
React.ReactNode
required
children
(e: React.FormEvent) => void
onSubmit
string
submitLabel
string
cancelLabel
boolean
isSubmitting
boolean
submitDisabled
string
className
sm | md | lg | xl | 2xl | 3xl | 4xl
size

Usage