In the example above, the default value will be formatted like 31-10-2021. You can either use the dates property or the casts property in your Eloquent model to specify date attributes: class ActivityModel extends Model For compatibility reasons, this is disabled by default. If you use Eloquent's Date Casting feature, you can use the date attributes in your forms by setting the use_eloquent_date_casting configuration key to true. In the example above, where $video is an Eloquent model, the default value will be $video->description. Now the component will get the value from the target by the name. Instead of setting a default value, you can also pass in a target, like an Eloquent model. You can use the default attribute to specify the default value of the element.
īy default, every element shows validation errors, but you can hide them if you want. You can also choose to use a placeholder instead of a label, and of course you can change the type of the element. Optionally you can add a label attribute, which can be computed as well. The minimum requirement for an input or textarea is the name attribute. No further configuration is needed unless you want to customize the Blade views and components. If you're using the Livewire Stack with Laravel Jetstream, you probably want to set the framework configuration key to tailwind-forms-simple. Check out the customization section on publishing the configuration and view files. You can switch frameworks by updating the framework setting in the form-components.php configuration file. Do you need Alpine.js or VueJS directives? No problem! Likewise, PHP expressions and variables can be passed to attributes using the : prefix. The action attribute is optional, but you can pass a hard-coded, primitive value to the component using a simple HTML attribute. Let's take a look at this x-form example. The power of Laravel Blade Components allows us to add all kinds of features without bringing the whole form-building process into PHP. You can add helper texts, icons, tooltips, popovers, custom sections, and JavaScript integrations however and wherever you like. Often you end up with lots of custom code, writing extensions, and overriding defaults, just for the sake of adding some small thing to your form.Īfter years of trying all sorts of form builders, it feels like just writing most of the form in HTML is the most versatile solution.
Bootstrap 5 form builder code#
Still, it gets harder to keep your PHP code clean and neat whenever your forms get more complex. PHP's power can make it less repetitive, and it's nice to resolve input values and validation states right from your PHP code. Quick example first sight, generating HTML forms with PHP looks great. If you're using Tailwind, make sure the right plugin ( v1 or v2) is installed and configured.
Bootstrap 5 form builder install#
You can install the package via composer: composer require protonemedia/laravel-form-components
Splade provides a super easy way to build Single Page Applications using Blade templates. It's the magic of Inertia.js with the simplicity of Blade. Keeping track of issues and pull requests takes time, but we're happy to help! Laravel Splade If this package saves you time or if you're relying on it professionally, please consider sponsoring the maintenance and development. ❤️ We proudly support the community by developing Laravel packages and giving them away for free. Supports validation, model binding, default values, translations, includes default vendor styling and fully customizable! Sponsor this package! A set of Blade components to rapidly build forms with Tailwind CSS v1, Tailwind CSS v2, Bootstrap 4 and Bootstrap 5.
0 kommentar(er)
