Input

bunx shadcn@latest add @nalarx/input

UsageCopy Anchor Link

Pair it with Field for a label, a hint and an error.

import { Input } from "@/components/ui/nx/Input";

<Input aria-label="Search agents" placeholder="Search" />

StatesCopy Anchor Link

SizesCopy Anchor Link

md (36px) for forms. sm (32px) lines up with md buttons in toolbars and filters.

PropsCopy Anchor Link

Every Base UI Input prop, plus size ("sm" | "md", default "md"). Mark an invalid value with aria-invalid.

ReplacesCopy Anchor Link

The input of NxInput (web) and the Platform's base/Input.tsx (use size="sm" to keep its 32px).