PHPackages                             aristridely/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. [Utility & Helpers](/categories/utility)
4. /
5. aristridely/slideover

ActiveLibrary[Utility & Helpers](/categories/utility)

aristridely/slideover
=====================

Laravel Livewire slideover component

v2.0.1(1y ago)52.2k↓50%3[2 issues](https://github.com/ariStridely/slideover/issues)MITPHPPHP ^8.1

Since Jan 18Pushed 1y ago1 watchersCompare

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

READMEChangelog (6)Dependencies (4)Versions (7)Used By (0)

What is?
--------

[](#what-is)

A package that allow overlapping (virtually) infinite slideovers simultaneously with configurable widths.
This package is based upon wire-elements/modal (thanks [Philo Hermans](https://github.com/philoNL)).

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

[](#installation)

To get started, require the package via Composer:

```
composer require aristridely/slideover

```

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

[](#livewire-directive)

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

```

    @livewire('livewire-ui-slideover')

```

Alpine
------

[](#alpine)

Requires [Alpine](https://github.com/alpinejs/alpine). You can use the official CDN to quickly include Alpine:

```

```

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:

```