Modal

Component

Dialog overlay component for focused user interactions.

Installation & Usage

Basic Usage

import { Modal } from 'dotti'

<Modal open={isOpen} onClose={() => setIsOpen(false)} title="Modal Title">
  {/* Modal content */}
</Modal>

Examples

Basic Modal

A modal dialog with customizable content.

Code

const [open, setOpen] = useState(false)

<Button onClick={() => setOpen(true)}>Open Modal</Button>
<Modal 
  open={open}
  onClose={() => setOpen(false)}
  title="Example Modal"
>
  <p>Modal content goes here</p>
</Modal>

Props

TypeScript Support

All components are fully typed with TypeScript. Check your IDE for prop suggestions and documentation.