Package Exports

@nodestrap/dropdown-list-button
@nodestrap/dropdown-list-button/dist/DropdownListButton.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@nodestrap/dropdown-list-button) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

<DropdownListButton></DropdownListButton>

A button combined with a list element (menu).

Preview

<DropdownListButton theme='primary' size='lg' gradient={true} outlined={true} buttonChildren='Show menu'>
    <ListItem>hello</ListItem>
    <ListItem>world</ListItem>
    <ListSeparatorItem />
    <ListItem theme='danger'>important</ListItem>
    <ListItem actionCtrl={true} onClick={() => console.log('tadaa!')}>click me</ListItem>
    // ...
</DropdownListButton>

Rendered to:

<button class="c1 thPrimary szLg gradient outlined">
    Show menu
</button>
<div class="c2">
    <ul class="c3 thPrimary szLg gradient outlined">
        <li>/* ... */</li>
        <li>/* ... */</li>
        <li>/* ... */</li>
    </ul>
</div>

Features

Includes all features in <ButtonIcon />.
Includes all features in <Dropdown />.
Includes all features in <List />.
Customizable via @cssfn/css-config.

Installation

Using npm:

npm i @nodestrap/dropdown-list-button

Support Us

If you feel our lib is useful for your projects,
please make a donation to avoid our project from extinction.

We always maintain our projects as long as we're still alive.

[Make a donation]