Input

Text input component

Properties#

Features#

default#

<input class="input" type="text" placeholder="a clean input" autofocus />
<textarea class="input" placeholder="a clean textarea"></textarea>

disabled#

<input class="input disabled" type="text" placeholder="a clean input" disabled />
<textarea class="input disabled" placeholder="a clean textarea" disabled></textarea>

underline#

<input class="input border-b border-solid border-gray-300 focus:border-blue-500 w-48" type="text" placeholder="underlined input" />

outline#

<input class="input rounded px-2 border border-solid border-gray-300 focus:border-blue-500 w-48" type="text" placeholder="outlined input" />

color#

<input class="input rounded px-2 text-red-700 placeholder-red-700 border border-solid border-red-700 w-48" type="text" placeholder="a clean input" autofocus />