Modals and dialogs
84 components, 84 with React code
Create, confirm, connect and destroy flows as finished modals: add funds, invite teammates, connect Stripe, pause an automation, run a scan. Copy that names the object, not “Are you sure?”.
Create and edit flowsDestructive confirmationsConnect-an-integration steps
Every modals and dialogs component, by system
Loopo15
Auton19
- Connect Notion modal
- Create API key modal
- Credential issued modal
- Delete the Acme workspace? modal
- Deny this request? modal
- Disconnect GitHub? modal
- Export audit events modal
- Invite teammates modal
- Issue credential modal
- Policy templates modal
- Register agent modal
- Remove Sofia Ramos? modal
- Roles & permissions modal
- Security on-call rotation modal
- Simulation · v8 draft modal
- Turn off modal
- Upgrade to Pro modal
- Waiting for Notion… modal
- What happens modal
Axon21
- Add a connector modal
- Add a data source modal
- API key created modal
- Change plan modal
- Connect Salesforce modal
- Create workflow modal
- Delete Acme Finance? modal
- Disconnect Slack? modal
- Export audit log modal
- Input modal
- Invite members modal
- Keyboard shortcuts modal
- MW modal
- Name modal
- NS modal
- Pause Customer Refunds? modal
- Publish v15 to Production modal
- Reject INV-20931? modal
- Restore V13 to Production? modal
- Retry 331 failed runs? modal
- When modal
Questions
When should I use a modal instead of a drawer?
Use a modal for a decision that blocks the task (confirm, create, destroy). Use a drawer to inspect or edit a record while keeping the list in view.
Are the modals accessible?
Interactive parts use Base UI, which handles focus trapping, escape to close and ARIA roles.






















