README

Livemodal - Livewire Modals

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

Report Bug . Request Feature

About the Project
Getting Started
- Prerequisites
- Installation
Usage
Authors

About The Project

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

install package

composer require cristyanhenrich/livemodal

Publish assets

php artisan vendor:publish --tag=livemodal-assets

Add Provider

'providers' => [
    // Other Service Providers...

    cristyanhenrich\livemodal\ModalServiceProvider::class,
],

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

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

Authors

Cristyan Henrich - Comp Sci Student - Cristyan Henrich - Project Creator

cristyanhenrich/livemodal

包简介

README 文档

README

Livemodal - Livewire Modals

Table Of Contents