Fullscreen Dialog

Takeover dialogs are large types of dialogs. They use the totality of the screen and should be used for modal experiences with complex workflows.

Library

React Spectrum

Framework

React

Type

component

License

Apache-2.0

Files

• packages/@react-spectrum/s2/src/FullscreenDialog.tsx
• packages/@react-spectrum/s2/src/ButtonGroup.tsx
• packages/@react-spectrum/s2/src/Content.tsx
• packages/@react-spectrum/s2/src/Modal.tsx
• packages/react-aria-components/src/Dialog.tsx
• packages/@react-spectrum/s2/style/index.ts
• packages/@react-spectrum/s2/src/style-utils.ts
• packages/@react-spectrum/s2/src/useDOMRef.ts

Source

https://github.com/adobe/react-spectrum

Categories

• Modal Components
• React Modal Components
• Tailwind CSS Modal Components
• Overlay Components
• React Overlay Components
• Tailwind CSS Overlay Components

More from React Spectrum

• Alert Dialog
• Custom Dialog
• Dialog
• Tailwind Alert Dialog
• Tailwind Command Palette
• Vanilla Command Palette
• Vanilla Dialog
• Vanilla Modal
• Accordion
• Action Bar
• Action Button
• Action Button Group