Text area

Allow user to add a long text in a form. They are mainly use for polls or gather information.

Code


                                                        
                                                        
                                                            <PyxisTextarea
                                                            v-model="modedelValue"
                                                            placeholder="Textarea"
                                                            id="textarea-id"
                                                            data-testid="textarea"
                                                            labelled-by="label"
                                                        />

Example of a Textarea component

Props

The Textarea component supports the following props

Name	Type	Default	Required
v-model	string \| number \| undefined	undefined	true
id	string	undefined	true
dataTestid	string	undefined	true
labelledBy	string	undefined	true
label	string	undefined	false
disabled	boolean	false	false
requiredMessage	string	undefined	false
errorMessage	string	undefined	false
warningMessage	string	undefined	false
optionalText	string	undefined	false
labelTooltip	string	undefined	false
message	string	undefined	false
ariaLabel	string	undefined	false
placeholder	string	undefined	false

Events

The interactions on the Textarea component are handled by the following Events

@update:modelValue : This event is emitted when the component's state or data is updated.

@change : This event is triggered when the selection within the component is modified.

@input : This event is emitted when there is an input action.