Input
The Input component is used to get user input.
https://
.com
Installation
Usage
Variants
Input with Label
Input with Prefix and Suffix
@
.com
Input with Error Message
Search Input
Disabled Input
Password Input
Props
Input
| Name | Type | Default | Description |
|---|---|---|---|
| className | string | "" | Additional class names for the container. |
| iclassName | string | "" | Additional class names for the input element. |
| prefix | React.ReactNode or string | undefined | Node or string to render as prefix inside the input container. |
| suffix | React.ReactNode or string | undefined | Node or string to render as suffix inside the input container. |
| prefixStyling | boolean | true | Flag to apply styling to the prefix. |
| suffixStyling | boolean | true | Flag to apply styling to the suffix. |
| label | string | undefined | Label for the input element. |
| error | string | "" | Error message to display below the input. |
| disabled | boolean | false | Flag to disable the input. |
SearchInput
| Name | Type | Default | Description |
|---|---|---|---|
| enablePrefixStyling | boolean | false | Flag to apply styling to the prefix. |
PasswordInput
| Name | Type | Default | Description |
|---|---|---|---|
| ...InputProps | Omit<InputProps, "label" | "error"> | - | Props for the Input component. |