PHPackages                             cloudmeshdev/livewire-slideover - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Framework](/categories/framework)
4. /
5. cloudmeshdev/livewire-slideover

ActiveLibrary[Framework](/categories/framework)

cloudmeshdev/livewire-slideover
===============================

Laravel Livewire slideover component

v1.0.2(2y ago)34.1kMITPHPPHP ^8.1

Since Feb 11Pushed 2y agoCompare

[ Source](https://github.com/cloudmeshdev/livewire-slideover)[ Packagist](https://packagist.org/packages/cloudmeshdev/livewire-slideover)[ RSS](/packages/cloudmeshdev-livewire-slideover/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (3)Dependencies (4)Versions (4)Used By (0)

What is?
--------

[](#what-is)

A package that allow overlapping (virtually) infinite slideovers simultaneously with configurable widths.
This package is based upon aristridely/slideover (thanks \[Aristotele Tufano\] ()) which is a fork of wire-elements/modal (thanks [Philo Hermans](https://github.com/philoNL)).

Installation
------------

[](#installation)

To get started, require the package via Composer:

```
composer require cloudmeshdev/livewire-slideover

```

Livewire directive
------------------

[](#livewire-directive)

Add the Livewire directive `@livewire('livewire-ui-slideover')` to your template.

```

    @livewire('livewire-ui-slideover')

```

Alpine
------

[](#alpine)

[Alpine](https://github.com/alpinejs/alpine) is already combined with Livewire v3

TailwindCSS
-----------

[](#tailwindcss)

The base slideover template is made with TailwindCSS. If you use a different CSS framework I recommend that you publish the slideover template and change the markup to include the required classes for your CSS framework.

```
php artisan vendor:publish --tag=livewire-ui-slideover-views
```

Creating a slideover
--------------------

[](#creating-a-slideover)

You can run `php artisan make:livewire EditUserSlideover` to make the initial Livewire component. Open your component class and make sure it extends the `SlideoverComponent` class:

```