@erag/inertia-forms-vue

@erag/inertia-forms-vue

Vue renderer for erag/inertia-forms. Define the form in a Laravel class, render it with one component.

composer require erag/inertia-forms
npm install @erag/inertia-forms-vue

Let Tailwind CSS 4 scan the package (resources/css/app.css):

@source "../../node_modules/@erag/inertia-forms-vue/dist";

<script setup lang="ts">
import { Form, type FormSchema } from '@erag/inertia-forms-vue';

defineProps<{ form: FormSchema }>();
</script>

<template>
    <Form
        :form="form"
        accent="#059669"
        @success="() => console.log('Saved')"
    />
</template>

Requires Vue 3.5+, @inertiajs/vue3 3, and Tailwind CSS 4.

Every field (select, date range, time, color, tags, file upload and more) is built in with Tailwind CSS, with no other UI library. Set the theme color with the accent prop or Form::accent() in PHP.

Documentation: https://erag.in/laravel-inertia-forms/

Credits

Created and maintained by Er Amit Gupta at Erag Labs. MIT License © ERAG.