Download the PHP package larawire-garage/larawire-modals without Composer

On this page you can find all versions of the php package larawire-garage/larawire-modals. 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 larawire-garage/larawire-modals

Informations about the package larawire-modals

Modal Dialogs with Livewire 3

👉 For Backend Coding Enjoyers 😉

Create modal dialog easily with laravel project with livewire 3 + Alpinejs & manage modal dialog as livewire component.

Still on beta version

Installation

Setup

publish configurations

Themes

Currently supports 2 themes.

Bootstrap Installation

You can use CDN Link to apply bootstrap.
If you are using package managers like npm use Bootstrap Documentation to install. When Importing Bootstrap add below code to app.js file.

Tailwind Installation

You can use CDN Link to apply Tailwindcss.
If you are using package managers like npm use Tailwindcss Documentation to install. Then Add below code to tailwind.config.js file.

If not working correctly? Check Here

Change Theme

You can add theme your proejct used in larawire-modals config file.

Also you can change theme in your modal variable inside the modal component.

Usage

create modal component using below command.

Now you can use modal component like regular livewire component. By default this command create component:

directories. You can change it in the larawire-modals config file.

ModalComponent is a regular Livewire component. You can do everything normal Livewire component can do.

  • Fire or listen events with parameters
  • Parse parameters to component
  • Call functions etc...

By Default ModalComponent listen 2 events

  • show [parameters parse to beforeShow function]
    • hook : beforeShow(...$args)
  • close [parameters not supported yet]
    • hook : beforeClose()

To show the modal dialog

dispatch show event to "your-modal-component".

To close the modal dialog

Options

Modal component has $modal public variable containing modal options.

Available Options

Methods

You can define:

Add Form

If your modal contains form, add formSubmit attribute to modal component. When formSubmit attribute defined, modal body and footer slots automatically covered by form tag with wire:submit="[form-submit-value]" attribute.

Customizaion

In the larawire-modals config file you can change classes of the containers of the modal. Also can change in the modal variable of the modal component.

Changing classes still not working for you ?
To customize appearance of the modal, you can publish the views and edit it.

Animation

Also you can change animation of the modal.

Bootstrap Theme :
In bootstrap, follow bootstrap documentation to change the modal animation.

Tailwind Theme :
In tailwind theme under animation key in them larawire-modals config file. Also you can change it in the modal variable in the modal component.

For deep customize animation classes check under animation-classes key in larawire-modals config file. In Tailwind theme, modal use alpinejs & tailwindcss animation classes to animate modals.

Not Working Correctly

Tailwind

In case modal not working correctly, Eg:

Add below array of classes to safelist array

If you change the classes in config file or in class modal variable, that classes also need to include here

!!! :tada::tada::tada: Enjoy :tada::tada::tada: !!!

All versions of larawire-modals with dependencies

PHP Build Version
Package Version
No informations.
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 larawire-garage/larawire-modals contains the following files

Loading the files please wait ....