autosize
Description
If true, the Textarea height auto-adjusts to text height.
Type
booleanTextarea
Textarea is a component used to obtain multi-line text input.
Props
TextareaProps
colorScheme
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"errorBorderColor
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 ... | [...]focusBorderColor
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 ... | [...]isDisabled
Description
If true, the form control will be disabled.
Type
booleanDefault
falseisInvalid
Description
If true, the form control will be invalid.
Type
booleanDefault
falseisReadOnly
Description
If true, the form control will be readonly.
Type
booleanDefault
falseisRequired
Description
If true, the form control will be required.
Type
booleanDefault
falsemaxRows
Description
Autosize up to maxRows rows.
Type
numberDefault
InfinityminRows
Description
Autosize up to minRows rows.
Type
numberDefault
1resizeRef
Description
Ref to a resize function.
Type
type ONLY_FOR_FORMAT =
| ((instance: (() => void) | null) => void)
| MutableRefObject<(() => void) | null>size
Description
The size of the Textarea.
Type
"xs" | "sm" | "md" | "lg" | "xl"Default
"md"variant
Description
The variant of the Textarea.
Type
"filled" | "flushed" | "outline" | "unstyled"Default
"outline"Edit this page on GitHub