Vue Interface

Appearance

Button Dropdown ​

The btn-dropdown component provides an interactive button paired with a dropdown menu. It extends the standard button, button-group, and dropdown-menu components.

Installation ​

bash
pnpm i @vue-interface/btn-dropdown
bash
yarn add @vue-interface/btn-dropdown
bash
npm i @vue-interface/btn-dropdown
bash
bun i @vue-interface/btn-dropdown

Basic Usage ​

Show Code
html
<BtnDropdown label="Dropleft" variant="btn-secondary" dropleft>
    <a href="#">Action</a>
    <a href="#">Another Action</a>
    <a href="#">Something else here</a>
</BtnDropdown>
<BtnDropdown label="Dropleft (Split)" variant="btn-secondary" dropleft split>
    <a href="#">Action</a>
    <a href="#">Another Action</a>
    <a href="#">Something else here</a>
</BtnDropdown>