Download the PHP package batnieluyo/livewire-slide-over without Composer
On this page you can find all versions of the php package batnieluyo/livewire-slide-over. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download batnieluyo/livewire-slide-over
More information about batnieluyo/livewire-slide-over
Files in batnieluyo/livewire-slide-over
Package livewire-slide-over
Short Description Livewire component that provides drawers (slide overs) that support multiple children while maintaining state.
License MIT
Informations about the package livewire-slide-over
Livewire Slide over Panel
Slide Over Panel is a Livewire component that provides drawers (slide overs) that support multiple children while maintaining state. This package is fork of laravelcm/livewire-slide-overs, a livewire component that renders slide over with state management on livewire.
Installation
To get started, require the package via Composer
Usage
Add the Livewire directive @livewire('slide-over-panel') directive to your master layout.
Creating a Slide Over
You can run php artisan make:livewire ShoppingCart
to make the initial Livewire component. Open your component class and make sure it extends the SlideOverComponent
class:
Opening a Slide over
To open a slide over you will need to dispatch an event. To open the ShoppingCart
slide over for example:
TailwindCSS
The base modal is made with TailwindCSS. If you use a different CSS framework I recommend that you publish the modal template and change the markup to include the required classes for your CSS framework.
Building Tailwind CSS for production
To purge the classes used by the package, add the following lines to your purge array in tailwind.config.js:
Because some classes are dynamically build you should add some classes to the purge safelist so your tailwind.config.js should look something like this:
For TailwindCSS 3x
Configuration
You can customize the Modal via the wire-elements-modal.php config file. This includes some additional options like including CSS if you don't use TailwindCSS for your application, as well as the default modal properties.
To publish the config run the vendor:publish command:
Test
wip..
Credits
- laravelcm
- Philo Hermans
- All Contributors
License
Livewire Slide Over is open-sourced software licensed under the MIT license.