Components
Modal
Centered overlay dialog that focuses user attention on a task while blocking interaction with the rest of the page.
Import
import { Modal } from '@pros/atlas';Usage
When To Use
- Lorem ipsum: Dolor sit amet, consectetur adipiscing elit.
- Sed do eiusmod: Tempor incididunt ut labore et dolore magna aliqua.
Anatomy
- Label: Lorem ipsum dolor sit amet.
- Icon (Optional): Consectetur adipiscing elit.
Examples
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Guidelines
Do's
- Lorem ipsum: Dolor sit amet, consectetur adipiscing elit.
- Sed do eiusmod: Tempor incididunt ut labore et dolore magna aliqua.
Don'ts
- Lorem ipsum: Dolor sit amet, consectetur adipiscing elit.
- Sed do eiusmod: Tempor incididunt ut labore et dolore magna aliqua.
Accessibility
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
API Reference
The Modal component accepts the following props.
Prop
Type