Component primitive
Brand Select
<brand-select> presents a labeled choice, useful placeholder, visible chevron, and concise helper text. Options are authored as <wa-option> children.
<brand-select>Framework-agnostic custom element- Element
- <brand-select>
- Library
- Brand
- Runtime
- Web Component
- Theming
- Semantic tokens
Basic
Sizes
Multiple + clearable
States
Usage
import { BrandSelect } from '@brandos/ui';
<brand-select label="Region" placeholder="Pick one">
<wa-option value="us">United States</wa-option>
<wa-option value="uk">United Kingdom</wa-option>
<wa-option value="pk">Pakistan</wa-option>
</brand-select>
// JS
const el = document.querySelector('brand-select');
el.addEventListener('change', () => console.log(el.value));