Inertia Modal

Description

Modal Component

The Inertia Modal allows you to open any route within a modal or slideover without modifying existing routes or controllers.

Inertia Modal is part of the Inertia UI suite, which includes packages for Laravel, Inertia.js, and Tailwind CSS. The package provides two components:

• Modal
• ModalLink

ModalLink behaves similarly to Inertia’s native Link component but loads the target route inside a modal instead of performing a full page navigation. Replace Link with ModalLink whenever you want a link to open in a modal.

Key Features

• Supports both React and Vue
• No backend configuration required
• Extremely simple frontend API
• Base route/URL support
• Modal and slideover functionality
• Headless operation
• Nested and stacked modals
• Reusable modal components
• Multiple sizes and positioning options
• Ability to reload props within modals
• Seamless communication between nested or stacked modals
• Highly configurable settings

Creator

Pascal Baljet
@pascalbaljet