4.0.10 • Published 2 years ago
@nodestrap/dropdown-list v4.0.10
<DropdownList></DropdownList>
Overlays a list element (menu).
Preview
<DropdownList tag='div' theme='primary' size='lg' gradient={true} outlined={true} active={true} >
<ListItem>hello</ListItem>
<ListItem>world</ListItem>
<ListSeparatorItem />
<ListItem theme='danger'>important</ListItem>
<ListItem actionCtrl={true} onClick={() => console.log('tadaa!')}>click me</ListItem>
// ...
</DropdownList>
Rendered to:
<div class="c1 actived">
<ul class="c2 thPrimary szLg gradient outlined">
<li>/* ... */</li>
<li>/* ... */</li>
<li>/* ... */</li>
</ul>
</div>
Features
- Includes all features in
<Dropdown />
. - Includes all features in
<List />
. - Customizable via
@cssfn/css-config
.
Installation
Using npm:
npm i @nodestrap/dropdown-list
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.