Docs
Input
Input
Displays a form input field or a component that looks like an input field.
Usage
Example Code
1import { Input } from "inc-design-system/input";Example Code
1<Input />Props
Input
| Prop | Type | Description | Default |
|---|---|---|---|
| className | string | Additional CSS classes to apply to the input. | - |
| variant | "sm" | "md" | "lg" | Changes the size of the Input component. | "md" |
| type | "text" | "password" | "email" | "number" | "search" | "tel" | "url" | "date" | "time" | "datetime-local" | "month" | "week" | "color" | Specifies the type of the input. When `type='password'`, it enables the ability to toggle the visibility of the input. Default is 'text'. | 'text' |
| containerClassName | string | The class name to control the parent div of the input, only applicable when `type='password'`. | - |