Ui3nText

Textarea component for multi-line text input with validation support.

Props

Name	Type	Default	Description
id	string | undefined	—	Root element id
name	string | undefined	—	HTML name attribute for form submission
modelValue*	string	—	Text value
rows	number | undefined	6	Number of rows
maxRows	number | undefined	6	Maximum number of rows
label	string | undefined	""	Text label
placeholder	string | undefined	""	Text placeholder
rules	((v: string) => string | boolean)[] | undefined	—	Validation rules
validateAtStartup	boolean | undefined	false	Whether to validate at startup
disabled	boolean | undefined	false	Whether text is disabled

Events

Event Name	Arguments / Value Type	Description
update:modelValue	value: string	—
enter	value: { value: string; altKey: boolean; ctrlKey: boolean; shiftKey: boolean; metaKey: boolean; }	—
init	value: HTMLTextAreaElement	—
focus	value: Event	—
blur	value: Event	—
change	value: string	—
input	value: string	—
keydown	value: KeyboardEvent	—
escape	value: Event	—
update:valid	value: boolean	—

Public Methods & Exposes

Method Name	Signature / Type	Description
clear()	() => void	—

CSS Variables

Set any of these where you need it — on :root, on a container, or on the element itself through [data-ui3n] — and the component follows. Leave them alone and it uses the defaults below.

Name	Default
--ui3n-text-border-radius	4px
--ui3n-text-font-size	13px
--ui3n-text-label-font-size	12px
--ui3n-text-padding-block	8px
--ui3n-text-padding-inline	8px

Usage Examples

Simple text area

Simple text area

Basic textarea with v-model

Text area with label

Text area with label

Textarea with label and placeholder

Text area with validation

Text area with validation

Textarea with validation rules