Components
Input
Displays a form input field or a component that looks like an input field.
Installation
import { ... } from 'nooxit-design-system/components/input';Notes
40px tall by default and 36px with size="sm" — note that this shadows the
native size attribute, which the component does not forward.
Focus turns the 1px border primary; there is no outer ring (see
Elevation). An invalid input keeps its
normal border until it is focused, then the border turns destructive.
Source — src/components/input.tsx
Figma — Input in the Nooxit UI kit