Text input
A custom styled input box, useful in almost all form scenarios. Can be customized to fit into whatever you need it to be.
<x-ui::forms.text-input/>
Copied!
Disabled
Add the disabled state into the input. The has specific styling to showcase the state.
<x-ui::forms.text-input disabled />
Copied!
Placeholder
Add a placeholder to show a text when no value has yet been provided.
<x-ui::forms.text-input placeholder="Enter your name" />
Copied!
Icon
Add an icon to the input, using the icon component under the hood.
<x-ui::forms.text-input icon="bolt" placeholder="Enter your profession" />
Copied!
Search input
Custom made input to use for inputs meant to search anything.
<x-ui::forms.search-text-input placeholder="placeholder" class="grow" />
Copied!
Password
Custom made password inputs Has the ability to enable and disable the password visibility.
<x-ui::forms.password placeholder="password" value="password" />
Copied!
Currency
Custom made currency input.
<x-ui::forms.currency value="12000.12"/>
Copied!