1# Slideover
2 
3A dialog that slides in from any side of the screen.
4 
5> Based on [Reka UI Slideover](https://reka-ui.com/docs/components/dialog)
6 
7## Key Props
8 
9- `title`: to set the title of the Slideover's header.
10- `description`: to set the description of the Slideover's header.
11- `close`: to customize or hide the close button (with `false` value) displayed in the Slideover's header.
12- `side`: to set the side of the screen where the Slideover will slide in from.
13- `transition`: to control whether the Slideover is animated or not.
14- `overlay`: to control whether the Slideover has an overlay or not.
15- `modal`: to control whether the Slideover blocks interaction with outside content.
16- `dismissible`: to control whether the Slideover is dismissible when clicking outside of it or pressing escape.
17 
18## Usage
19 
20```vue
21<USlideover
22  <!-- props here -->
23/>
24```
25 
26## Slots
27 
28- `#content`
29- `#header`
30- `#body`
31- `#footer`
32