Component primitive

Brand Textarea

<brand-textarea> wraps Web Awesome's <wa-textarea> for multi-line input. Attributes and events are forwarded 1:1.

<brand-textarea>Framework-agnostic custom element

Light themeSemantic surface

Dark themeSame component API

Element: <brand-textarea>
Library: Brand
Runtime: Web Component
Theming: Semantic tokens

Basic

Sizes

Resize modes

States

Usage

import { BrandTextarea } from '@brandos/ui';

<brand-textarea
  label="Notes"
  placeholder="Anything else?"
  rows="4"
  maxlength="500"
></brand-textarea>

// JS
const el = document.querySelector('brand-textarea');
el.value = 'Initial text';
el.addEventListener('change', () => console.log(el.value));