PHPackages                             scchethu/bs-wire-modal - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. scchethu/bs-wire-modal

ActiveLibrary[Utility & Helpers](/categories/utility)

scchethu/bs-wire-modal
======================

bootstrap 4 based livewire modal

2.0(4y ago)11.9k↓100%2MITPHP

Since Nov 17Pushed 4y ago1 watchersCompare

[ Source](https://github.com/scchethu/Bootstap-4-livewire-modal)[ Packagist](https://packagist.org/packages/scchethu/bs-wire-modal)[ RSS](/packages/scchethu-bs-wire-modal/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (10)Dependencies (2)Versions (12)Used By (0)

About Boostrap 4 Wire Modal
---------------------------

[](#about-boostrap-4-wire-modal)

Wire Elements Modal is a Livewire component inspired by *wire-elements/modal*

Installation
------------

[](#installation)

Click the image above to read a full article on using the Wire Elements modal package or follow the instructions below.

To get started, require the package via Composer:

```
composer require scchethu/bs-wire-modal

```

Livewire directive
------------------

[](#livewire-directive)

Add the Livewire directive `@livewire('livewire-bs4-ui-modal')` directive to your template.

```

    @livewire('livewire-bs4-ui-modal')

```

Alpine
------

[](#alpine)

Livewire Elements Modal requires [Alpine](https://github.com/alpinejs/alpine). You can use the official CDN to quickly include Alpine:

```

```

BS4
---

[](#bs4)

The base modal is made with BS4. If you use a different CSS framework I recommend that you publish the modal template and change the markup to include the required classes for your CSS framework.

```
php artisan vendor:publish --tag=livewire-bs4-ui-modal-views
```

Creating a modal
----------------

[](#creating-a-modal)

You can run `php artisan make:livewire EditUser` to make the initial Livewire component. Open your component class and make sure it extends the `ModalComponent` class:

```