Inputs

Text inputs with consistent borders, dark-mode surfaces, and a configurable focus ring. Source: src/ui/FormInput.tsx.

Default

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

Focus a field to see its ring. Choose blue (default), orange, or purple.

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.