
```jsx
import { CModalDialog } from '@coreui/react'
// or
import CModalDialog from '@coreui/react/src/components/modal/CModalDialog'
```

| Property | Description | Type | Default |
| --- | --- | --- | --- |
| **alignment** | Align the modal in the center or top of the screen. | `'top'` \| `'center'` | - |
| **className** | A string of all className you want applied to the base component. | `string` | - |
| **fullscreen** | Set modal to covers the entire user viewport. | `boolean` \| `'sm'` \| `'md'` \| `'lg'` \| `'xl'` \| `'xxl'` | - |
| **scrollable** | Does the modal dialog itself scroll, or does the whole dialog scroll within the window. | `boolean` | - |
| **size** | Size the component small, large, or extra large. | `'sm'` \| `'lg'` \| `'xl'` | - |
