Forms

Input

Single-line text fields with focus ring.

Text input

A labeled single-line field.

Name

import { Input, Label } from "@/components/ui";

<div className="flex flex-col gap-2">
  <Label htmlFor="name">Name</Label>
  <Input id="name" placeholder="Ada Lovelace" />
</div>