Download the PHP
package noerd/modal without Composer
On this page you can find all versions of the php package
noerd/modal. It is possible to download/install
these versions without Composer. Possible dependencies are resolved
automatically.
Vendor noerd Package modal Short Description Open each livewire component in a modal window. License
proprietary
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.
A stacked modal system for Laravel Livewire 4.
Open any Livewire component in a modal — no traits, no modifications to your livewire component code.
Modals can also be stacked — open another modal from inside an open one with the same $modal() call.
Installation
Add source path to your resources/css/app.css file
Configuration
Add Assets between your head tags.
Add Modal Component to your layout. Make sure x-data is set on the body tag or any parent element of the modal component, otherwise the modal won't work.
Example Usage
Opening a Livewire component in a modal via a button
If you want to add parameters to your component which is opened in a modal:
Stacked Modals
$modal(...) works the same way from inside an already-open modal — there is no extra API and no nesting limit. Calling it pushes a new modal onto the stack on top of the current one.
Closing follows LIFO order:
ESC closes only the topmost modal.
Dispatch closeTopModal from PHP/Livewire to close the top modal programmatically.
Dispatch closeAllModals to clear the entire stack at once.
Layering is handled automatically: only the top modal is interactive; modals beneath it are dimmed and slightly scaled down — no styling work required on your end.
Publishing the Example
To publish the example components and a demo route, run:
This will:
Copy example components to resources/views/components/example/
Add a route /noerd-example-modal to routes/web.php
Example Livewire Starter Kit
If you are using the Livewire Starter Kit
you can edit the sidebar.blade.php like this example to make noerd modal working
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 noerd/modal contains the following files
Loading the files please wait ...
Loading please wait ...
Before you can download the PHP files, the dependencies should be resolved. This can take some minutes. Please be patient.