Skip to content

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

License

Notifications You must be signed in to change notification settings

etsvThor/laravel-livewire-forms

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

45 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Laravel Livewire Forms

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

About

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

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • PHP 50.5%
  • Blade 49.5%