<.form_item >
  <.form_label for="demo-email">Email</.form_label>
  <input id="demo-email" type="email" placeholder="you@example.com"
    class="border-input h-9 w-full rounded-md border bg-transparent px-3 py-1 text-sm" />
  <.form_description>We'll never share your email.</.form_description>
</.form_item>

<.form_item >
  <.form_label error>Email</.form_label>
  <input type="email" placeholder="you@example.com"
    class="border-input h-9 w-full rounded-md border bg-transparent px-3 py-1 text-sm aria-invalid:border-destructive"
    aria-invalid="true" />
  <.form_message errors={["can't be blank"]} />
</.form_item>

<.form_item >
  <.form_label error>Password</.form_label>
  <input type="password" placeholder="Password"
    class="border-input h-9 w-full rounded-md border bg-transparent px-3 py-1 text-sm aria-invalid:border-destructive"
    aria-invalid="true" />
  <.form_message errors={["should be at least 8 character(s)", "must contain a number"]} />
</.form_item>

<.form_item >
  <.form_label>Username</.form_label>
  <.form_description>Your public display name (2–20 chars).</.form_description>
</.form_item>