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
"whiteAlpha" | "blackAlpha" | "gray" | "neutral" | "red" | "danger" | "rose" | "pink" | "flashy" | "orange" | "warning" | "amber" | "yellow" | "lime" | "green" | "success" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "primary" | "info" | "link" | "indigo" | "violet" | "secondary" | "purple" | "fuchsia"Description
The border color when the input is invalid.
Type
"border" | "link" | BorderColor | "current" | "focus" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | ... 319 more ... | ColorModeArray<...>Description
The border color when the input is focused.
Type
"border" | "link" | BorderColor | "current" | "focus" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | ... 319 more ... | ColorModeArray<...>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"Default
mdDescription
The variant of the Input.
Type
"outline" | "filled" | "flushed" | "unstyled"Default
outlineDescription
The placement of the element.
Type
"left" | "right"Default
'left'Description
If true, the element clickable.
Type
booleanDefault
falseDescription
The placement of the element.
Type
"left" | "right"Default
'left'Edit this page on GitHub