Slideover

A dialog that slides in from any side of the screen.

Based on Reka UI Slideover

Key Props

• title: to set the title of the Slideover's header.
• description: to set the description of the Slideover's header.
• close: to customize or hide the close button (with false value) displayed in the Slideover's header.
• side: to set the side of the screen where the Slideover will slide in from.
• transition: to control whether the Slideover is animated or not.
• overlay: to control whether the Slideover has an overlay or not.
• modal: to control whether the Slideover blocks interaction with outside content.
• dismissible: to control whether the Slideover is dismissible when clicking outside of it or pressing escape.

Usage

<USlideover
  <!-- props here -->
/>

Slots

• #content
• #header
• #body
• #footer