UI component
Input
Input is a controlled text field for forms and search-like entry points, with labels, validation feedback, and optional access-aware behavior.
Installation
Install the package in your app.
pnpm add @rapidset/rapidkitUsage
Import components from the package entrypoint.
import { Input } from '@rapidset/rapidkit';Examples
Preview the component and copy the snippet.
API Reference
Commonly used props at a glance.
| Prop | Description |
|---|---|
| name | Keeps the field addressable in change handlers and form payloads. |
| value | Controls the current text from parent state. |
| onChange | Receives the native input event whenever the value changes. |
| type | Adjusts the field for email, password, number, and other native input modes. |
| label, helperText, and error | Adds the right amount of field guidance before and after input. |
| disabled | Keeps the field visible while preventing editing. |
Accessibility
Input connects labels and error state to the field so assistive technology can announce context and validation feedback clearly.
Optional access rules
Optional access rules let the field stay hidden or visible-but-disabled without forcing an app-specific authorization dependency into the component.