Inputs

Text inputs with consistent borders and dark-mode surfaces. Focus is a single neutral border-color change — no ring. Source: src/ui/FormInput.tsx.

Default

Forwards all native input props (type, value, placeholder, etc.).

Focus is a single neutral border-color change — the border lifts to the strong neutral token, with no ring or accent.

Compose with a label element; supports the native disabled state.

Project name

Starts as a compact search action. Activating it reveals the field from the icon and moves focus directly into the input. Escape closes it.

Use when search is a primary task and should remain visible.

A larger, highly visible target for prominent search experiences and touch-heavy layouts.