etsvthor / laravel-livewire-forms
A dynamic, responsive Laravel Livewire form component with realtime validation, file uploads, array fields, and more.
Requires
- php: ~8.1.0 | ~8.2.0
- illuminate/console: ^9.0 | ^10.0
- illuminate/http: ^9.0 | ^10.0
- illuminate/support: ^9.0 | ^10.0
- livewire/livewire: ^2.0 | ^3.0
README
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