Forms

Input

Applies Dawn's field treatment to a native single-line input.

@dawn/ui/components/input

Preview

Rendered from @dawn/ui

EmailDisabled

Usage

import { Input } from "@dawn/ui/components/input";

export const EmailField = () => (
  <label className="grid gap-2">
    <span className="text-sm font-medium">Email</span>
    <Input name="email" placeholder="ada@example.com" type="email" />
  </label>
);

API

typeHTML input type: Passed to the native input element.
aria-invalidboolean: Enables the destructive validation treatment.
Native propsReact.ComponentProps<'input'>: Supports native names, values, events, constraints, and accessibility attributes.

Exports

Input