Inertia Modal Documentation

Appearance

v2 (Inertia 2 only) — This version only works with Inertia.js v2. For Inertia.js v3, use Inertia Modal 3.x. Switch to v3 docs →

Requirements ​

Inertia Modal's major version is aligned with Inertia.js:

Inertia ModalInertia.jsLaravelStatus
3.xv312+Current (docs)
2.xv211.11+Supported
0.xv1—Unsupported

Version Matching

Inertia Modal 2.x only works with Inertia.js v2. If you're using Inertia.js v3, use Inertia Modal 3.x instead.

Backend ​

  • PHP 8.2+
  • Laravel 11.11+, Laravel 12+, or Laravel 13+
  • Inertia Laravel 2.0+

Frontend ​

  • Tailwind CSS 4+ (or use headless mode with Tailwind CSS 3)
  • React: React 19+ with @inertiajs/react 2.3.15+
  • Vue: Vue 3.4+ with @inertiajs/vue3 2.3.15+

TypeScript Support ​

Both the React and Vue packages include TypeScript type definitions. You can import types from the packages:

ts
import type { ModalConfig, ModalTypeConfig } from '@inertiaui/modal-vue'
ts
import type { ModalConfig, ModalTypeConfig } from '@inertiaui/modal-react'