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.

Create, reveal-once, and revoke Neon API keys (personal and organization), with an inline create flow, a one-time secret reveal, and per-row revoke confirmation.

A searchable branch selector with default/protected status and an inline create-branch affordance.

Create-project onboarding panel: project form on the left, the interactive region map on the right.

A collapsible Postgres schema tree: tables to columns, indexes, and relations, with types and a search.