Modal
The Modal component is an overlay dialog that focuses the user's attention on a specific task or decision. It provides a structured space for confirmations, alerts, forms, or any interaction that requires focused input.
tsx
Confirmation
Modal with icon, title, description, and action buttons.
Variants
Semantic icon colors: brand, destructive, success, or warning.
With Input
Custom content like a confirmation input inside the modal body.
Invitation
Header bar with close button, switching between link and email views.
Controlled
Open and close the modal programmatically.