@nodestrap/dropdown-list-button
TypeScript icon, indicating that this package has built-in type declarations

4.0.9 • Public • Published

<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

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]

Package Sidebar

Install

npm i @nodestrap/dropdown-list-button

Weekly Downloads

0

Version

4.0.9

License

ISC

Unpacked Size

21.9 kB

Total Files

6

Last publish

Collaborators

  • heymarco