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
Prop	Type	Default	Attributes
`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
Prop	Type	Default	Attributes
`children`	`React.ReactNode`	No default value

TextArea.Input

TextArea.Input props
Prop	Type	Default	Attributes
`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
Prop	Type	Default	Attributes
`children`	`React.ReactNode`	No default value

TextArea.ErrorMessage

TextArea.ErrorMessage props
Prop	Type	Default	Attributes
`children`	`React.ReactNode`	No default value