etsvthor/laravel-livewire-forms

A dynamic, responsive Laravel Livewire form component with realtime validation, file uploads, array fields, and more.

2.1.1 2024-03-30 11:15 UTC

This package is auto-updated.

Last update: 2024-10-30 12:30:51 UTC


README

Latest Version on Packagist

Laravel Livewire Forms

A dynamic, responsive Laravel Livewire form component with realtime validation, file uploads, array fields, and more.

Installation

Make sure you've installed Laravel Livewire.

Installing this package via composer:

composer require etsvthor/laravel-livewire-forms

This package was designed to work well with Laravel frontend scaffolding.

If you're just doing scaffolding now, you'll need to add @stack('scripts'), @livewireScripts, and @livewireStyles blade directives to your resources/views/layouts/app.blade.php file:

<!-- Styles -->
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
@livewireStyles

...

<!-- Scripts -->
<script src="{{ asset('js/app.js') }}"></script>
@livewireScripts
@stack('scripts')

This package also uses Font Awesome for icons. If you don't already have it installed, it's as simple as:

npm install @fortawesome/fontawesome-free

Then add the following line to resources/sass/app.scss:

@import '~@fortawesome/fontawesome-free/css/all.min.css';

Now all that's left is to compile the assets:

npm install && npm run dev

Documentation

See the documentation here