Brand
Changelog v1.4

Brand Textarea

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

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('sl-change', () => console.log(el.value));