Input

A styled input component

A hairline field in mono with a phosphor caret. Focus brightens the border instead of adding a ring.

Text input with 3 variants (outline, soft, ghost), 3 sizes (sm, md, lg) and 3 tones (neutral, success, danger) for validation states via border and focus ring color. Invalid state also via aria-invalid.

Displays a form input field or a component that looks like an input field.

A date picker input component with glassy variants.

Displays a form input field with optional glassy variant.