Textarea

A multi-line text input with sizes, color and visual variants, validation states, slot-overridable label and helper, JS-driven auto-resize, and an optional character counter. Toggle Vue / CSS to switch the live demo and source together.

Basic

Default textarea with label, placeholder and helper text.

Vue SFC

Sizes

Small, medium and large.

Vue SFC

Variants

outlined, filled and underlined.

Vue SFC

Colors

All built-in color variants.

Vue SFC

States

Disabled, readonly and required.

Vue SFC

Validation

valid, invalid and warning states with messages.

Vue SFC

Auto resize

Grow with content between min-rows and max-rows.

Vue SFC

Counter

Live character count via show-counter and max-length.

Vue SFC

Slots

Custom label and helper content via named slots.

Vue SFC

Event log

Live log of mno-input and mno-change events.

Vue SFC

Customized

Override per-element styling with cssClass (Vue) or extra utility classes (CSS).

Vue SFC