PHPackages                             lao9s/livewire-modal-twitter - 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. lao9s/livewire-modal-twitter

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

lao9s/livewire-modal-twitter
============================

Laravel Livewire Modal Twitter

0.1.0(5y ago)1514MITBladePHP ^7.4|^8.0

Since May 8Pushed 5y ago1 watchersCompare

[ Source](https://github.com/lao9s/livewire-modal-twitter)[ Packagist](https://packagist.org/packages/lao9s/livewire-modal-twitter)[ RSS](/packages/lao9s-livewire-modal-twitter/feed)WikiDiscussions main Synced today

READMEChangelog (1)Dependencies (3)Versions (2)Used By (0)

About Livewire Modal Twitter
----------------------------

[](#about-livewire-modal-twitter)

Livewire component that provides a modal like on Twitter. Also, it supports images gallery with content or without.

[![Alt text](./screenshots/preview.png?raw=true "Preview - Livewire Modal Twitter")](./screenshots/preview.png?raw=true)

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

[](#installation)

To get started, require the package via Composer:

```
composer require lao9s/livewire-modal-twitter

```

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

[](#livewire-directive)

Add the Livewire directive `@livewire('livewire-modal-twitter')` and also the Javascript `@livewireModalTwitterScript`directive to your template.

```

@livewire('livewire-modal-twitter')
@livewireModalTwitterScript

```

Next you will need to publish the required scripts with the following command:

```
php artisan vendor:publish --tag=livewire-modal-twitter:public --force
```

Alpine
------

[](#alpine)

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

```

```

TailwindCSS
-----------

[](#tailwindcss)

This modal is made with [TailwindCSS](https://tailwindcss.com/). You can use the official CDN to quickly include TailwindCSS:

```

```

If you use a different CSS framework I recommend that you publish the modal templates and change the markup to include the required classes for your CSS framework.

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

Creating modal
--------------

[](#creating-modal)

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

```