Phoenix + DaisyUI

Label

Label for input Open in playground 
<.label text="https://" type="input">
  <input type="text" placeholder="URL" />
</.label>
Label for input at the end Open in playground 
<.label position="end" text=".com" type="input">
  <input type="text" placeholder="domain name" />
</.label>
Label for select Open in playground 
<.label text="Type" type="select">
  <select>
    <option>Personal</option>
    <option>Business</option>
  </select>
</.label>
Label for date input Open in playground 
<.label text="Publish Date" type="input">
  <input type="date" />
</.label>
Sizes Open in playground 
<.label text="Extra Small" type="floating">
  <.input type="text" placeholder="Extra Small" size="xs" />
</.label>
<.label text="Small" type="floating">
  <.input type="text" placeholder="Small" size="sm" />
</.label>
<.label text="Medium" type="floating">
  <.input type="text" placeholder="Medium" size="md" />
</.label>
<.label text="Large" type="floating">
  <.input type="text" placeholder="Large" size="lg" />
</.label>
<.label text="Extra Large" type="floating">
  <.input type="text" placeholder="Extra Large" size="xl" />
</.label>