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.