1. Components
  2. input

Input

Enhanced text input field with support for icons and validation.

Demo 

<form class="space-y-4 w-full">
    <x-ui.input placeholder="Start typing..."/>
    <x-ui.input placeholder="Start typing..." no-bg no-border class="bg-bg-subtle"/>
</form>

Installation

Shell 
flexi-cli add input

With label 

<form class="space-y-4 w-full">
    <x-ui.input type="email" placeholder="Start typing..." label="Your Email"/>
    <x-ui.input type="email" placeholder="Start typing..." inlined-label label="Your Email" label-class="min-w-max"/>
</form>

With Icon/Text

Leading

Trailing

Prev
Text Area

Multi-line text inpu...

Next
On this page