NAMCHE UI

Input

A single-line text input styled to the design system's control conventions.

Install

pnpm dlx shadcn@latest add @namche/input

Usage

import { Input } from '@/components/ui/input';

<Input placeholder="inference-eu-west" />
<Input type="password" defaultValue="sk-namche-7f2a9c" disabled />

Input wraps Base UI's Input primitive and accepts any native <input> prop, including type. It carries the control conventions directly — a 32px (h-8) height, rounded-lg (radius 10) corners, a hairline border — so it needs no extra classes for the common cases; aria-invalid switches it to the destructive ring automatically.

On this page