Skip to main content

DropdownButton

Storybook

To implement DropdownButton component into your project you'll need to add the import:

import { DropdownButton } from "@shoptet/ui";

After adding import into your project you can use it simply like:

<DropdownButton label="DropdownButton">
  <DropdownButton.Item
    icon="shp-add-user"
    label="Item 1"
    onAction={() => console.log("Item 1")}
  />
  <DropdownButton.Item
    description="Description 1"
    label="Item 2"
    onAction={() => console.log("Item 2")}
  />
  <DropdownButton.Item
    icon="shp-alert"
    description="Important"
    label="Item 3"
    onAction={() => console.log("Item 3")}
  />
</DropdownButton>