Form

Displays well-designed HTML forms.

This will be your username.

Installation

uvx django_shadcn@latest add form

Usage

<form class="w-2/3 space-y-4">
  <c-form.field>
    <c-form.label for="email">Email</c-form.label>
    <c-input id="email" type="email" placeholder="Email"></c-input>
    <c-form.description> This will be your username. </c-form.description>
  </c-form.field>

  <c-form.field>
    <c-form.label for="password">Password</c-form.label>
    <c-input id="password" type="password" placeholder="Password"></c-input>
  </c-form.field>

  <c-button type="submit">Sign in</c-button>
</form>

Examples

Username already taken.
<form class="w-2/3 space-y-4">
  <c-form.field>
    <c-form.label for="username" error="true">Username</c-form.label>
    <c-input id="username" type="text" placeholder="Username"></c-input>
    <c-form.error> Username already taken. </c-form.error>
  </c-form.field>
  <c-button type="submit"> Submit </c-button>
</form>