Brand
Changelog v1.4

Brand Dropdown

<brand-dropdown> wraps Shoelace's <sl-dropdown>. Put a trigger element in the trigger slot and a <brand-menu> in the default slot.

Basic

Actions Edit Duplicate Delete Options Sort by Name Date modified Size View Grid List

With icons

File New Open Save Delete

Placements

Top Option A Option B Right Option A Option B Left Option A Option B

Usage

import { BrandDropdown, BrandMenu } from '@brandos/ui';

<brand-dropdown placement="bottom-start">
  <brand-button slot="trigger" variant="natural">Actions</brand-button>
  <brand-menu>
    <sl-menu-item value="edit">Edit</sl-menu-item>
    <sl-menu-item value="delete">Delete</sl-menu-item>
  </brand-menu>
</brand-dropdown>