Skip to content

With Inertia Modal, you can easily open any route in a Modal or Slideover without having to change anything about your existing routes or controllers.

License

Notifications You must be signed in to change notification settings

inertiaui/modal

Repository files navigation

Inertia Modal

Tests GitHub Sponsors

Inertia Modal is part of Inertia UI, a suite of packages designed for Laravel, Inertia.js, and Tailwind CSS. With Inertia Modal, you can easily open any route in a Modal or Slideover without having to change anything about your existing routes or controllers.

You may find the documentation at https://inertiaui.com/inertia-modal/docs and a video demo at https://www.youtube.com/watch?v=KAKOosmWV14.

Sponsor Us

❤️ We proudly support the community by developing Laravel packages and giving them away for free. If this package saves you time or if you're relying on it professionally, please consider sponsoring the maintenance and development and check out our latest premium package: Inertia Table. Keeping track of issues and pull requests takes time, but we're happy to help!

Features

  • Supports React and Vue
  • Zero backend configuration
  • Super simple frontend API
  • Support for Base Route / URL
  • Modal and slideover support
  • Headless support
  • Nested/stacked modals support
  • Reusable modals
  • Multiple sizes and positions
  • Reload props in modals
  • Easy communication between nested/stacked modals
  • Highly configurable

Requirements

Inertia Modal has the following requirements:

  • Tailwind CSS 3.4+
  • React 18+ or Vue 3.4+

The package is designed and tested to work with Laravel and Inertia.js v1/v2. It may work with other backend frameworks and Inertia.js versions, but there is no guarantee or support for such configurations.

The Base Route / URL feature is supported in both Laravel 10 and 11.

Changelog

Please see CHANGELOG for more information what has changed recently.

Contributing

Please see CONTRIBUTING for details.

Other Laravel packages

  • Inertia Table: The Ultimate Table for Inertia.js with built-in Query Builder.
  • Laravel Blade On Demand: Laravel package to compile Blade templates in memory.
  • Laravel Cross Eloquent Search: Laravel package to search through multiple Eloquent models.
  • Laravel Eloquent Scope as Select: Stop duplicating your Eloquent query scopes and constraints in PHP. This package lets you re-use your query scopes and constraints by adding them as a subquery.
  • Laravel Eloquent Where Not: This Laravel package allows you to flip/invert an Eloquent scope, or really any query constraint.
  • Laravel MinIO Testing Tools: This package provides a trait to run your tests against a MinIO S3 server.
  • Laravel Mixins: A collection of Laravel goodies.
  • Laravel Paddle: Paddle.com API integration for Laravel with support for webhooks/events.
  • Laravel Verify New Email: This package adds support for verifying new email addresses: when a user updates its email address, it won't replace the old one until the new one is verified.
  • Laravel XSS Protection Middleware: Laravel Middleware to protect your app against Cross-site scripting (XSS). It sanitizes request input by utilising the Laravel Security package, and it can sanatize Blade echo statements as well.

Security Vulnerabilities

If you discover a security vulnerability within Inertia UI, please send an e-mail to Pascal Baljet via [email protected]. All security vulnerabilities will be promptly addressed.

Credits

About

With Inertia Modal, you can easily open any route in a Modal or Slideover without having to change anything about your existing routes or controllers.

Topics

Resources

License

Stars

Watchers

Forks

Sponsor this project