okipa/laravel-form-components
Save time and take advantage of a set of dynamical, ready-to-use and fully customizable form components.
Components are Livewire compatible and can be used with the following UI frameworks:
- Bootstrap 5
- Bootstrap 4
- TailwindCSS 3 (upcoming feature)
Found this package helpful? Please consider supporting my work!
Compatibility
| Laravel | Livewire | PHP | Package |
|---|---|---|---|
| ^12.0 | ^13.0 | ^2.0 | ^8.3 | ^1.3 |
| ^9.0 | ^10.0 | ^2.0 | 8.1.* | 8.2.* | ^1.2 |
| ^8.0 | ^9.0 | ^2.0 | ^8.1 | ^8.2 | ^1.1 |
| ^8.0 | ^9.0 | ^2.0 | ^8.0 | ^8.1 | ^1.0 |
Upgrade guide
Usage example
Call the components you need in your views and let this package take care of the HTML generation time-consuming part.
<x:form::form class="row" method="PUT" :action="route('user.update', $user)" :bind="$user">
<div class="col-md-6">
<x:form::input name="name"/>
<x:form::input type="email" name="email"/>
<x:form::textarea name="biography" :locales="['fr', 'en']"/>
</div>
<div class="col-md-6">
<x:form::select name="hobbies" :options="[1 => 'Sport', 2 => 'Cinema', 3 => 'Literature', 4 => 'Travel']" caption="Select your favorite hobbies." multiple/>
<x:form::checkbox name="technologies" :group="[1 => 'Laravel', 2 => 'Bootstrap', 3 => 'Tailwind', 4 => 'Livewire']" inline/>
<x:form::radio name="gender" :group="[1 => 'Male', 2 => 'Female', 3 => 'Other']" inline/>
<x:form::toggle-switch name="active"/>
</div>
<div class="col-12 mt-2">
<x:form::button.link class="btn-secondary me-3">{{ __('Cancel') }}</x:form::button.link>
<x:form::button.submit/>
</div>
</x:form:form>
And get these components displayed:
Installation
You can install the package via composer:
composer require okipa/laravel-form-components
Further documentation:
For further information check the wiki
Changelog
Please see CHANGELOG for more information on what has changed recently.
Contributing
Please see CONTRIBUTING for details.
Security Vulnerabilities
Please review our security policy on how to report security vulnerabilities.
Credits
License
The MIT License (MIT). Please see License File for more information.