Input
Text input with labels, helper text, validation state, adornments, and full keyboard accessibility.
Preview
example.tsxtsx
Installation
Install the individual package:
snippet.bashbash
pnpm add @sisyphos-ui/input @sisyphos-ui/coreOr use the umbrella package that bundles everything:
snippet.bashbash
pnpm add @sisyphos-ui/uiUsage
Import the component styles and the component itself:
snippet.tsxtsx
import "@sisyphos-ui/input/styles.css";
import { Input } from "@sisyphos-ui/input";Error state
Set `error` + `errorMessage` to surface validation feedback.
example.tsxtsx
Password must be at least 12 characters.
Variants
example.tsxtsx
API
Props table is being written. See the package README for the complete API surface.
The full API including refs, ARIA attributes, and HTML passthroughs lives in the package README.