1# Modal
2 
3A dialog window that can be used to display a message or request user input.
4 
5> Based on [Reka UI Modal](https://reka-ui.com/docs/components/dialog)
6 
7## Key Props
8 
9- `title`: to set the title of the Modal's header.
10- `description`: to set the description of the Modal's header.
11- `close`: to customize or hide the close button (with `false` value) displayed in the Modal's header.
12- `transition`: to control whether the Modal is animated or not.
13- `overlay`: to control whether the Modal has an overlay or not.
14- `modal`: to control whether the Modal blocks interaction with outside content.
15- `dismissible`: to control whether the Modal is dismissible when clicking outside of it or pressing escape.
16- `scrollable`: to make the Modal's content scrollable within the overlay.
17- `fullscreen`: to make the Modal fullscreen.
18 
19## Usage
20 
21```vue
22<UModal
23  <!-- props here -->
24/>
25```
26 
27## Slots
28 
29- `#content`
30- `#header`
31- `#body`
32- `#footer`
33