Leave Yamada UI a star
StarInput is a component used to obtain text input from the user.
Description
The visual color appearance of the component.
Type
"blackAlpha" | "whiteAlpha" | "amber" | "blue" | "info" | "link" | "primary" | "cyan" | "emerald" | "flashy" | "fuchsia" | "gray" | "green" | "success" | "indigo" | "lime" | "neutral" | "orange" | "warning" | "pink" | "purple" | "red" | "danger" | "rose" | "sky" | "teal" | "violet" | "secondary" | "yellow"Description
The border color when the input is invalid.
Type
"border" | BorderColor | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | ... 320 more ... | [...]Description
The border color when the input is focused.
Type
"border" | BorderColor | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | ... 320 more ... | [...]Description
The native HTML size attribute to be passed to the input.
Type
numberDescription
If true, the form control will be disabled.
Type
booleanDefault
falseDescription
If true, the form control will be invalid.
Type
booleanDefault
falseDescription
If true, the form control will be readonly.
Type
booleanDefault
falseDescription
If true, the form control will be required.
Type
booleanDefault
falseDescription
The size of the Input.
Type
"xs" | "sm" | "md" | "lg" | "xl"Default
"md"Description
The variant of the Input.
Type
"filled" | "flushed" | "outline" | "unstyled"Default
"outline"Description
The placement of the element.
Type
"left" | "right"Default
'left'Description
If true, the element clickable.
Deprecated
Use isClickable instead.
Type
booleanDefault
falseDescription
If true, the element clickable.
Type
booleanDefault
falseDescription
The placement of the element.
Type
"left" | "right"Default
'left'Edit this page on GitHub