README

Package of inputs and design elements for forms based on Tailwind UI - very opinionated!

Install

composer require jakeydevs/form-components

Then you'll need to publish the components so Tailwind can pick up the styles:

php artisan publish:vendor

Add a new stack to your page template which will let any Javascript be used. All included JS libraries are loaded from CDN's

@stack('forms-head') @stack('forms-js')

Components

Form Sections

Used to provide design scaffolding around a form. The SLOT should be used for the form content

<x-form-components-section title="test" description="test descreiption" type="stacked" />

Form Inputs

Main HTML input. Can be typed into different options (text, datetime-local, number etc)

<x-form-components-input name="published_at" type="datetime-local" label="Article Published Date" help="Help" :bind="@$article" :value="now()->subMinutes(10)"/>

Any extra attributes are cast onto the Input directly such as required and value (default)

Select

Select box with dropdown

<x-form-components-select
name="select-model"
label="Models"
help="Eloquent"
:bind="@$article"
:options="$users"
track="name"
display="email"
:value="$users->last()->name"
/>

Any extra attributes are cast onto the SELECT directly such as required

Checkbox

Toggle box for checkbox

<x-form-components-checkbox name="active" label="Make article active" help="Help" :bind="@$article" />

Value can be used as a way of forcing the default

jakeydevs / form-components

Maintainers

Details