Textarea can have different radius factors. Use the rounded
prop to change the radius of the textarea component.
Show codeHide code
Textarea can have different contrasts. Use the contrast
prop to change the contrast of the textarea component.
Show codeHide code
Textarea can have different contrasts. Use the contrast
prop to change the contrast of the textarea component.
Show codeHide code
Textarea can have different contrasts. Use the contrast
prop to change the contrast of the textarea component.
Show codeHide code
Textarea can have floating labels. Use the label-float
prop to enable the floating label.
Show codeHide code
Textarea can have a primary colored focus. Use the color-focus
prop to enable the colored focus.
Show codeHide code
Textarea can be shown in an error state. Use the error
prop to show the error and the error message.
Show codeHide code
Textarea can be shown in a loading state. Use the loading
prop to enable the loading state.
Show codeHide code
Textarea can be shown disabled. Use the disabled
prop to disable the textarea.
Show codeHide code
Textarea can have custom addons. Use the addon
slot to add your own custom addons.
Maya
Maya
Show codeHide code
addon
Show exampleHide example
autogrow
Show exampleHide example
classes
Show exampleHide example
color-focus
Show exampleHide example
disabled
Show exampleHide example
error
Show exampleHide example
id
Show exampleHide example
label
Show exampleHide example
label-float
Show exampleHide example
loading
Show exampleHide example
max-height
Show exampleHide example
name
Show exampleHide example
placeholder
Show exampleHide example
readonly
Show exampleHide example
resize
Show exampleHide example
rows
Show exampleHide example
rounded
@since
2.0.0
Show exampleHide example
contrast
Show exampleHide example
size
Show exampleHide example
rounded
Show exampleHide example
contrast
Show exampleHide example
size
Show exampleHide example
el
Show exampleHide example
fitSize