Powerful suite of Blade components for TALL Stack apps.

Form Input

Form input component.

<x-input />

The input type will be set to text when not specified.

Insert your name
<x-input label="Name" hint="Insert your name" />

An asterisk in the label to indicate that the field is required.

Insert your name
<x-input label="Name *" hint="Insert your name" />
<x-input label="Name" icon="users" />
<x-input label="Name" icon="cog" position="right" />
<x-input prefix="https://" label="Domain" />
<x-input suffix="@gmail.com" label="E-mail" />

Using a prefix or suffix will disable browser autocomplete as long as this is not explicitly defined.

An option to not show validation error message.

<x-input label="Name" invalidate />

Code highlighting provided by Torchlight