Download the PHP package cloudmeshdev/livewire-slideover without Composer

On this page you can find all versions of the php package cloudmeshdev/livewire-slideover. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.

FAQ

After the download, you have to make one include require_once('vendor/autoload.php');. After that you have to import the classes with use statements.

Example:
If you use only one package a project is not needed. But if you use more then one package, without a project it is not possible to import the classes with use statements.

In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
Some PHP packages are not free to download and because of that hosted in private repositories. In this case some credentials are needed to access such packages. Please use the auth.json textarea to insert credentials, if a package is coming from a private repository. You can look here for more information.

  • Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
  • To use Composer is sometimes complicated. Especially for beginners.
  • Composer needs much resources. Sometimes they are not available on a simple webspace.
  • If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
  • Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Please rate this library. Is it a good library?

Example code of cloudmeshdev/livewire-slideover

Informations about the package livewire-slideover

What is?

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

Installation

To get started, require the package via Composer:

Livewire directive

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

Alpine

Alpine is already combined with Livewire v3

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.

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:

Opening a slideover

To open a slideover you will need to dispatch an event. To open the EditUserSlideover slideover for example:

Passing parameters

To open the EditUserSlideover slideover for a specific user we can pass the user id (notice the single quotes):

The parameters are passed to the mount method on the slideover component:

Overlapping slideover

From an existing slideover you can use the exact same event and another slideover will stack onto the first:

Closing a slideover

When you are done with the current slideover, you can close it by dispatching the closeSlideover event. This will always close the most recent (in the foreground) slideover.
(N.B. at the moment, each time you close a slideover, the relative component's state will be destroyed).

You can also close a slideover from within your slideover component class:

Configure slideover width

You can change the width of the slideover in 2 ways.
(N.B. At the moment the width of the slideover is configurable by a CSS class, in this case a TailwindCSS one).

Static way

Declare this method inside your class.
Usefull when you know the slideover will always have the same width.

Dynamic way

This approach is usefull when the slideover is opened on top of another slideover and you want to let the background one visible adapting the width of the new slidevoer in the foreground.

Difference with aristridely/slideover

Combine with wire-elements/modal

This package can be used together with wire-elements/modal. The recommended way is to declare it before the modal package, as follow:

This will ensure that the modal element will always be on top of the slideover one.

Warning: Closing on escape and on clickaway will collide with the modal behavior.
E.g. If a modal is opened on top of a slideover, by pressing escape both will be closed.

Configuration

You can (partially) customize the Slideover via the livewire-ui-slideover.php config file.
(Actually only default width class).

To publish the config run the vendor:publish command:

All versions of livewire-slideover with dependencies

PHP Build Version
Package Version
Requires php Version ^8.1
livewire/livewire Version ^3.0
spatie/laravel-package-tools Version ^1.9
Composer command for our command line client (download client) This client runs in each environment. You don't need a specific PHP version etc. The first 20 API calls are free. Standard composer command

The package cloudmeshdev/livewire-slideover contains the following files

Loading the files please wait ....