Brand
Changelogv1.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

ActionsEditDuplicateDeleteOptionsSort byNameDate modifiedSizeViewGridList

With icons

FileNewOpenSaveDelete

Placements

TopOption AOption BRightOption AOption BLeftOption AOption 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>