Brand
Changelog v1.4

Brand Select

<brand-select> wraps Shoelace's <sl-select>. Options are provided as <sl-option> children. Attributes and events are forwarded 1:1.

Basic

United States United Kingdom Pakistan India Admin Editor Viewer

Sizes

One Two One Two One Two

Multiple + clearable

Design Frontend Backend Docs

States

Option A Option B Option A Option A Option B

Usage

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

<brand-select label="Region" placeholder="Pick one">
  <sl-option value="us">United States</sl-option>
  <sl-option value="uk">United Kingdom</sl-option>
</brand-select>

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