cristyanhenrich/livemodal

There is no license information available for the latest version (1.2.1) of this package.

Pacote de modal Livewire para Laravel

Maintainers

Details

github.com/CristyanHenrich/livemodal

Source

Issues

Installs: 103

Dependents: 0

Suggesters: 0

Security: 0

Stars: 1

Watchers: 1

Forks: 0

Open Issues: 0

1.2.1 2024-02-05 14:40 UTC

Requires

Unknown License 8f6fe7f028c0f79852801800bc00b0ab1fff1589

This package is not auto-updated.

Last update: 2024-04-15 15:34:05 UTC

README


Logo

Livemodal - Livewire Modals

Add a simple and functional modal to be used with Livewire!

Report Bug . Request Feature

Downloads Contributors Stargazers Issues

Table Of Contents

About The Project

Screen Shot

Welcome to livemodal, a Laravel Livewire package designed to simplify the creation and manipulation of modals. This package provides an elegant and efficient approach to integrating dynamic modals into your Laravel applications, making the process of creating interactive user interfaces faster and easier.

Getting Started

Get started quickly with livemodal: Follow these simple steps to integrate dynamic modals into your Laravel application.

Prerequisites

This is a list of items needed to use the software.

  • livewire

Installation

  1. install package
composer require cristyanhenrich/livemodal
  1. Publish assets
php artisan vendor:publish --tag=livemodal-assets
  1. Add Provider
'providers' => [
    // Other Service Providers...

    cristyanhenrich\livemodal\ModalServiceProvider::class,
],
  1. Import Scripts and Styles
<html>
<head>
    ...

    @livemodalStyles

</head>
<body>
    ...

    @livemodalScripts

    @livewire('modal', ['idModal' => 'livemodal-modal-id', 'title' => ''])

</body>
</html>

Usage

Import the modal and control the modal and its properties using the button, pass information and models to the view of your Livewire component

<button onclick="livemodalShow('Modal Title', 'modal-id', 'component-livewire-name', 'model', {{ json_encode(['other' => 'informations']) }})">Open</button>

Creating A Pull Request

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

Authors