Textarea

Simple and pleasant, very easy to implement

Default

To add a Textarea we have the component vs-textarea

Label

If you need to add a label you can use the label property

Label in Textarea

Counter

There are times when we need the user to only enter a certain number of characters for it, we have the property counter, the value is a number and determines the maximum

TIP

To get when the number of characters is exceeded use the property counter-danger.sync

Counter: 20

0 / 20

Width

You can set the width of the textarea width the width property. You can also use css values like10rem or 50% as value.

Width set to 300px

Height

You can set the height of the textarea with the height property. You can also use css values like10rem or 50% as value.

Height set to 200px

API #

NameTypeParametersDescriptiondefault
labelStringlabel of textarea.
counterNumberDetermines the maximum number of characters.
counter-danger.syncBooleanDetermine if the value exceeds the counter.false
widthStringSet the width of the textarea
heightStringSet the height of the textarea