Browse components
Modal
Focused dialogs for short forms, confirmations, sharing, and quick commands.
Confirmation dialog for a destructive project action.
Compact sign-in form displayed in a modal.
Long-form, scrollable policy content with fixed actions.
About Modal Components
Modal components focus attention on a short task without leaving the current page.
Use a modal for one decision or compact form. Keep longer work in a page or drawer.
Frequently asked questions
When should I use a modal?
Use one for a focused task such as confirming an action, sharing a link, or entering a short value.
Do these modals support the keyboard?
Yes. Base UI manages focus, Escape to close, and modal accessibility behavior.
Can I customize the layout?
Yes. Copy the primitive and compose its header, content, and footer around your own task.