Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/inertiaui/modal

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.
https://github.com/inertiaui/modal

inertiajs modal react reactjs vue vue3 vuejs

Last synced: 2 days ago
JSON representation

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.

Host: GitHub
URL: https://github.com/inertiaui/modal
Owner: inertiaui
License: mit
Created: 2024-09-26T06:43:28.000Z (about 2 months ago)
Default Branch: main
Last Pushed: 2024-11-06T20:35:32.000Z (10 days ago)
Last Synced: 2024-11-12T07:04:00.669Z (5 days ago)
Topics: inertiajs, modal, react, reactjs, vue, vue3, vuejs
Language: PHP
Homepage: https://inertiaui.com/inertia-modal/docs
Size: 1.48 MB
Stars: 82
Watchers: 6
Forks: 8
Open Issues: 5
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE.md

Awesome Lists containing this project

README

        # Inertia Modal

[![Tests](https://github.com/inertiaui/modal/actions/workflows/tests.yml/badge.svg)](https://github.com/inertiaui/modal/actions/workflows/tests.yml)

![GitHub Sponsors](https://img.shields.io/github/sponsors/pascalbaljet)

Inertia Modal is part of [Inertia UI](https://inertiaui.com), 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](https://inertiaui.com/inertia-modal/docs) and a video demo at [https://www.youtube.com/watch?v=KAKOosmWV14](https://www.youtube.com/watch?v=KAKOosmWV14).

## Sponsor Us

[](https://inertiaui.com/inertia-table?utm_source=github&utm_campaign=inertia-modal)

❤️ 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](https://github.com/sponsors/pascalbaljet) and check out our latest premium package: [Inertia Table](https://inertiaui.com/inertia-table?utm_source=github&utm_campaign=inertia-modal). 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](CHANGELOG.md) for more information what has changed recently.

## Contributing

Please see [CONTRIBUTING](CONTRIBUTING.md) for details.

## Other Laravel packages

- [`Inertia Table`](https://inertiaui.com/inertia-table?utm_source=github&utm_campaign=laravel-splade): The Ultimate Table for Inertia.js with built-in Query Builder.

- [`Laravel Blade On Demand`](https://github.com/protonemedia/laravel-blade-on-demand): Laravel package to compile Blade templates in memory.

- [`Laravel Cross Eloquent Search`](https://github.com/protonemedia/laravel-cross-eloquent-search): Laravel package to search through multiple Eloquent models.

- [`Laravel Eloquent Scope as Select`](https://github.com/protonemedia/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`](https://github.com/protonemedia/laravel-eloquent-where-not): This Laravel package allows you to flip/invert an Eloquent scope, or really any query constraint.

- [`Laravel MinIO Testing Tools`](https://github.com/protonemedia/laravel-minio-testing-tools): This package provides a trait to run your tests against a MinIO S3 server.

- [`Laravel Mixins`](https://github.com/protonemedia/laravel-mixins): A collection of Laravel goodies.

- [`Laravel Paddle`](https://github.com/protonemedia/laravel-paddle): Paddle.com API integration for Laravel with support for webhooks/events.

- [`Laravel Verify New Email`](https://github.com/protonemedia/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`](https://github.com/protonemedia/laravel-xss-protection): 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]](mailto:[email protected]). All security vulnerabilities will be promptly addressed.

## Credits

- [Pascal Baljet](https://github.com/protonemedia)