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

<.text_input bordered 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
  bordered
  class="w-full max-w-xs"
  color="primary"
  placeholder="Type here"
  type="text"
/>
<.text_input
  bordered
  class="w-full max-w-xs"
  color="secondary"
  placeholder="Type here"
  type="text"
/>
<.text_input
  bordered
  class="w-full max-w-xs"
  color="accent"
  placeholder="Type here"
  type="text"
/>
<.text_input
  bordered
  class="w-full max-w-xs"
  color="info"
  placeholder="Type here"
  type="text"
/>
<.text_input
  bordered
  class="w-full max-w-xs"
  color="success"
  placeholder="Type here"
  type="text"
/>
<.text_input
  bordered
  class="w-full max-w-xs"
  color="warning"
  placeholder="Type here"
  type="text"
/>
<.text_input
  bordered
  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"/>