Welcome
VTextarea
Vuero provides elegant form controls with minimum styling. VTextarea
accept all attributes that <textarea>
accepts. You can control the box text length with the rows="*"
attribute. Always wrap your inputs inside a <VField />
and a <VControl />
to build forms quickly and efficiently.
Focus Colors
Like other form controls, VTextarea
can have different border colors when focused. Simply add the appropriate color modifier class. Available classes are is-primary-focus
, is-success-focus
, is-info-focus
, is-warning-focus
, is-danger-focus
.
Loading
A VTextarea
can be shown in a loading state. For that, you need to wrap it inside a control element. Then, simply add the loading
prop to the wrapping <VControl />
component. Please refer to the code example for more details about usage.
Disabled
A VTextarea
can be shown in a disabled state. For that, you need to wrap it inside a <VControl />
component. Simply add the disabled
attribute to the target textarea element.
VTextarea addon
VTextarea
that are wrapped by a control and a field can have a single bottom addon. You can use it to display a toolbar or any type of user actions. Use the textaddon
prop on the <VField />
and the second <VControl />
component. Please refer to the code example for more details about usage.