Slideover

To use the Slideover component, import it from '$lib/components'.

typescript

Then, use it in your Svelte component:

typescript

And render in your template:

html

preview

The Slideover component uses a sliding panel to display content. It supports several props for customization:

typescript

The Slideover component emits the following events:

  • save: Emitted when the submit button is clicked.
  • cancel: Emitted when the cancel button is clicked or the close icon is clicked.

The Slideover component is styled using classes and can be customized by passing class names to the class prop. It also uses Svelte transitions to animate the sliding effect.