<.text_input class="w-full max-w-xs" placeholder="Type here" type="text"/>

<.text_input class="w-full max-w-xs" ghost placeholder="Type here" type="text"/>

<.text_input class="w-full max-w-xs" color="primary" placeholder="Type here" type="text"/>
<.text_input class="w-full max-w-xs" color="secondary" placeholder="Type here" type="text"/>
<.text_input class="w-full max-w-xs" color="accent" placeholder="Type here" type="text"/>
<.text_input class="w-full max-w-xs" color="info" placeholder="Type here" type="text"/>
<.text_input class="w-full max-w-xs" color="success" placeholder="Type here" type="text"/>
<.text_input class="w-full max-w-xs" color="warning" placeholder="Type here" type="text"/>
<.text_input class="w-full max-w-xs" color="error" placeholder="Type here" type="text"/>

<.text_input class="w-full max-w-xs" disabled placeholder="You can't touch this" type="text"/>