Corepine logo Corepine Modal
Modal v0.1x latest

Introduction

Corepine Modal is a stack-based modal system for Livewire + Blade applications.

Corepine Modal centered dialog exampleCorepine Modal centered dialog example

Use it for dialogs, drawers, sheets, and child modal flows that keep users in the current screen.

Two Ways To Build

  • Livewire stack mode for class-based modal components, model arguments, and child modal flows.
  • Standalone Blade mode for simple dialogs, drawers, or sheets when you do not need a Livewire modal class.

What You Get

Modal Dialogs Centered panels for confirmations, short forms, and focused tasks. Drawers Left or right panels for editing while keeping page context visible. Sheets Bottom panels for mobile-first actions and compact flows. Stacked Flows Open a child modal above the current parent modal. Argument Resolution Pass modal arguments and resolve models inside modal components. Standalone Blade Render modal markup directly when a Livewire modal class is not needed. Configurable Events Customize event names for packages and larger applications.

Which Type Should You Choose?

  • Use modal for confirmations, short forms, and focused tasks.
  • Use drawer for contextual editing when users should still feel connected to the page underneath.
  • Use sheet for mobile-first interactions and quick actions near the bottom of the screen.

Full guide: Types & Placements

Start Here

Install Corepine Modal Build your first modal Open and close modals

Choose a Path

Build flows

Choose the right panel type and tune how it opens.

Types & Placements Open / Close APIs Modal Attributes
Customize UI

Shape headers, footers, Blade markup, and component structure.

Layout Standalone Blade Modal Blade Components
Package authors

Keep modal integrations configurable across different host apps.

Events Configuration Declarative Actions
Safety

Keep protected actions explicit and control stacked visibility.

Security Isolate

For Package Authors

If your package may run inside many apps, avoid hardcoded event strings. Use the facade event resolver from Events.