The following props are available for input component. These are the custom props that come with we've added for the input component and you can use all the other native input props as well.
| Attribute | Type | Description | Default |
|---|---|---|---|
variant | Variant | Change input variant | outlined |
size | Size | Change input size | md |
color | Color | Change input color | blue |
label | string | Add label for input | '' |
error | boolean | Change input state to error | false |
success | boolean | Change input state to success | false |
icon | node | Add icon for the input | undefined |
labelProps | object | Add custom props for input label | undefined |
className | string | Add custom className for input | '' |
import type { InputProps } from "@material-tailwind/react";type variant = "standard" | "outlined" | "static";type size = "md" | "lg";type color =
| "blue-gray"
| "gray"
| "brown"
| "deep-orange"
| "orange"
| "amber"
| "yellow"
| "lime"
| "light-green"
| "green"
| "teal"
| "cyan"
| "light-blue"
| "blue"
| "indigo"
| "deep-purple"
| "purple"
| "pink"
| "red";