PHPackages                             corepine/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. corepine/modal

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

corepine/modal
==============

Reusable Alpine + Livewire modal stack for Corepine packages.

v0.1.8(1mo ago)09MITPHPPHP ^8.2|^8.3|^8.4|^8.5

Since Mar 14Pushed 1mo agoCompare

[ Source](https://github.com/corepine/modal)[ Packagist](https://packagist.org/packages/corepine/modal)[ RSS](/packages/corepine-modal/feed)WikiDiscussions main Synced 3w ago

READMEChangelogDependencies (13)Versions (10)Used By (0)

Corepine Modal
==============

[](#corepine-modal)

Corepine Modal is a stack-based modal system for Laravel with two runtime modes:

- standalone Alpine + Blade modals
- Livewire stack-based modals
- `modal` (dialog)
- `drawer` (left or right panel)
- `sheet` (bottom sheet)

It supports:

- modal stacks (open child modals on top of parent modals)
- declarative shell actions
- strongly typed modal classes (`extends Corepine\Modal\Modal`)
- configurable event names for package-safe integrations
- standalone Blade-only modals (no Livewire modal class required)

Requirements
------------

[](#requirements)

- PHP `^8.2|^8.3|^8.4`
- Laravel `^11.0|^12.0|^13.0`
- Livewire `^3.7|^4.0`

Livewire is required by the package because stack mode uses a Livewire host. Standalone Alpine + Blade usage is still fully supported.

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

[](#installation)

```
composer require corepine/modal
```

Publish config:

```
php artisan vendor:publish --tag=corepine-modal-config
```

Setup
-----

[](#setup)

### Livewire Stack Mode

[](#livewire-stack-mode)

Render the host once in your layout:

```

```

### Standalone Alpine + Blade Mode

[](#standalone-alpine--blade-mode)

You can use `` directly with browser events and no Livewire modal class. The host is not required for standalone-only usage.

Tailwind Setup
--------------

[](#tailwind-setup)

Add the package stylesheet to your main CSS entry:

```
@import "../../vendor/corepine/modal/resources/css/app.css";
```

The package CSS already includes Tailwind `@source` paths for its own views and PHP classes.

Quick Start (Livewire Stack Mode)
---------------------------------

[](#quick-start-livewire-stack-mode)

```