Input
The Input component is a form control that allows users to enter and edit text. It supports various states like disabled, read-only, and validation states.
Import
import { Input } from "@cfa/react-core";Live Editor
Examples
Basic Input
The default Input component allows users to input text.
Sizes
Use the size prop to control height, padding, and typography. Options are sm, md (default), and lg. Pass size="lg" to match the previous default height.
Right-Aligned Input
For numerical inputs, you can use the alignment prop to right-align the text.
Input States
The Input component supports various states to indicate different conditions.
Input Types
Specify different input types using the type prop.