PHPackages linuxstreet/wire-content-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. [Templating & Views](/categories/templating) 4. / 5. linuxstreet/wire-content-modal ActiveLibrary[Templating & Views](/categories/templating) linuxstreet/wire-content-modal ============================== Flexible way of loading Livewire component or Blade view inside a modal. v2.0.0(4mo ago)150MITPHPPHP ^8.1 Since Dec 16Pushed 4mo ago1 watchersCompare [ Source](https://github.com/linuxstreet/wire-content-modal)[ Packagist](https://packagist.org/packages/linuxstreet/wire-content-modal)[ RSS](/packages/linuxstreet-wire-content-modal/feed)WikiDiscussions main Synced 1mo ago READMEChangelog (7)Dependencies (5)Versions (8)Used By (0) Content/View modal for Laravel with Livewire ============================================ [](#contentview-modal-for-laravel-with-livewire) [![Latest Stable Version](https://camo.githubusercontent.com/fc397e1a717a23e1b190ceb5cce179e935d2fe525f3b12247f6f78110ec1d353/68747470733a2f2f706f7365722e707567782e6f72672f6c696e75787374726565742f776972652d636f6e74656e742d6d6f64616c2f762f737461626c65)](https://packagist.org/packages/linuxstreet/wire-content-modal)[![License](https://camo.githubusercontent.com/598a1a6102ebc26ff77712cf31cd982d4d2e97c84bf65526e3a0b2ac6c24d16a/68747470733a2f2f706f7365722e707567782e6f72672f6c696e75787374726565742f776972652d636f6e74656e742d6d6f64616c2f6c6963656e7365)](https://packagist.org/packages/linuxstreet/wire-content-modal)[![Total Downloads](https://camo.githubusercontent.com/3b73fa07c548762f928e418cf7c90460647ef8297b01f6b4e99d4f9a8325f5c8/68747470733a2f2f706f7365722e707567782e6f72672f6c696e75787374726565742f776972652d636f6e74656e742d6d6f64616c2f646f776e6c6f616473)](https://packagist.org/packages/linuxstreet/wire-content-modal) Installation ------------ [](#installation) > **Requires:** - **[PHP version 8.1 or later](https://php.net/releases/)** - **[Laravel version 10 or later](https://github.com/laravel/laravel)** - **[Livewire version 3 or later](https://github.com/livewire/livewire)** - **[TailwindCSS version 3.4 or later](https://github.com/tailwindlabs/tailwindcss)** - **[AlpineJS](https://github.com/alpinejs/alpine)** Via Composer: ``` composer require linuxstreet/wire-content-modal ``` Modify your *tailwind.config.js* file, so it includes this package when building assets. ``` export default { content: [ ... './vendor/linuxstreet/wire-content-modal/resources/views/**/*.blade.php', ], ``` Usage ----- [](#usage) In web development, often we need to overlay a smaller window, or modal, on top of the main page to display additional information or allow user interaction. This modal can be populated with content from different sources, such as a Livewire component or a Blade view. Place component on the web page ``` ``` Modal is listening for 'modal-show' and 'modal-hide' browser events. AlpineJS @click example: ``` Show ``` ### Params: [](#params) > **Mandatory:** - **component:** \[string\] - Name of the Livewire component to be loaded - OR - **view:** \[string\] - Name of the Blade view to be loaded #### NOTE: *If neither component or view is provided, Exception will be thrown.* [](#note-if-neither-component-or-view-is-provided-exception-will-be-thrown) > **Optional:** - **spinnerClass:** \[string\] - Pass additional CSS classes to the loading spinner (default: '') - **params:** \[array\] - Pass additional params to Component/View (default: \[\]) Examples: --------- [](#examples) Provide either 'component' or 'view' options like this: ``` { component: 'livewire_component' } or { view: 'blade_view' } ``` Examples with HTML button element using AlpineJS: ``` Show Show ``` Change log ---------- [](#change-log) Please see the [changelog](changelog.md) for more information on what has changed recently. Layout Customisation -------------------- [](#layout-customisation) This package uses [TailwindCSS](https://github.com/tailwindlabs/tailwindcss) classes. If you want to customize the layout for different CSS framework use: ``` php artisan vendor:publish --provider="Linuxstreet\WireContentModal\WireContentModalServiceProvider" ``` Testing ------- [](#testing) ``` ./vendor/bin/pest ``` Contributing ------------ [](#contributing) Please see [contributing.md](contributing.md) for details. Security -------- [](#security) If you discover any security related issues, please email author email instead of using the issue tracker. Credits ------- [](#credits) - Igor Jovanovic License ------- [](#license) Please see the [license file](license.md) for more information. ### Health Score 39 — LowBetter than 86% of packages Maintenance77 Regular maintenance activity Popularity10 Limited adoption so far Community7 Small or concentrated contributor base Maturity52 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~65 days Recently: every ~97 days Total 7 Last Release 124d ago Major Versions v1.0.5 → v2.0.02026-01-15 ### Community Maintainers ![](https://www.gravatar.com/avatar/91e22eae0e8808da9380a3202ccbdeee60392f2d5745aff616cfb3a8d2a8d835?d=identicon)[linuxstreet](/maintainers/linuxstreet) --- Top Contributors [![linuxstreet](https://avatars.githubusercontent.com/u/8939753?v=4)](https://github.com/linuxstreet "linuxstreet (11 commits)") --- Tags phplaravelcontentlivewiremodaltailwindcssalpinejstall-stack ### Code Quality TestsPest ### Embed Badge ![Health badge](/badges/linuxstreet-wire-content-modal/health.svg) ``` [![Health](https://phpackages.com/badges/linuxstreet-wire-content-modal/health.svg)](https://phpackages.com/packages/linuxstreet-wire-content-modal) ``` ### Alternatives [usernotnull/tall-toasts A Toast notification library for the Laravel TALL stack. You can push notifications from the backend or frontend to render customizable toasts with almost zero footprint on the published CSS/JS! 570396.2k4](/packages/usernotnull-tall-toasts)[tanthammar/tall-forms A dynamic, responsive Laravel Livewire form generator with realtime validation, file uploads, array fields, and more. 68138.3k1](/packages/tanthammar-tall-forms)[riodwanto/superduper-filament-starter-kit A comprehensive Laravel Filament 3 💡 starter kit with pre-installed plugins, admin panel, user management, SEO tools, theme customization, and content management for rapid application development 2708.5k](/packages/riodwanto-superduper-filament-starter-kit)[developermithu/tallcraftui TallCraftUI is a Laravel blade UI components library built on TALL stack 1672.4k](/packages/developermithu-tallcraftui)[victorybiz/laravel-simple-select Laravel Simple Select inputs component for Blade and Livewire. 13721.1k](/packages/victorybiz-laravel-simple-select) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)