Slide
Slide component.
Slide, Personalization Blocks
This content is part of TallStackUI personalization.
Example:
TallStackUi::personalize() ->slide() ->block('block', 'classes');
The soft personalization should be done in boot
method of service providers.
Applicable only on desktop devices.
An option to prevent the user from closing the slide when click outside.
Make sure to provide some way to close the slide when using this option, such as a button within the slide.
An option to control the slide via Livewire.
Customize which property to use to control the slide via Livewire.
Helpers to open and close the slide using AlpineJS.
<x-slide id="slide-id"> TallStackUi</x-slide> <x-button x-on:click="$slideOpen('slide-id')"> Open</x-button> <x-button x-on:click="$slideClose('slide-id')"> Close</x-button>
An option to listen event when the slide is opening or closing.