Skip to main content

Text Area

Text Area is a form control for entering several lines of text, like describing a project or leaving feedback. It pairs the textarea with a label and helper text, and can grow as people type.

Import

import { TextArea } from '@vortexlabs/vortex';
import type { TextAreaProps } from '@vortexlabs/vortex';

Allied components

Other links

TextArea.Root

TextArea.Root props
PropTypeDefaultAttributes
children
React.ReactNode
No default value
id
string
No default value
name
string
No default value
size
union
md
error
boolean
No default value
disabled
boolean
No default value
required
boolean
No default value
variant
union
outline
resize
union
No default value
className
union
No default value
attributes
object
No default value

TextArea.Label

TextArea.Label props
PropTypeDefaultAttributes
children
React.ReactNode
No default value

TextArea.Input

TextArea.Input props
PropTypeDefaultAttributes
name
string
No default value
placeholder
string
No default value
onChange
callback
No default value
onFocus
callback
No default value
onBlur
callback
No default value
className
union
No default value
style
object
No default value
attributes
object
No default value
rows
number
3
value
string
No default value
defaultValue
string
No default value
ref
ref
No default value

TextArea.HelperText

TextArea.HelperText props
PropTypeDefaultAttributes
children
React.ReactNode
No default value

TextArea.ErrorMessage

TextArea.ErrorMessage props
PropTypeDefaultAttributes
children
React.ReactNode
No default value