0.0.11 • Published 4 years ago

@unc-dsi/unc-vertical-menu v0.0.11

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
4 years ago

<unc-vertical-menu>

<unc-vertical-menu> is useful for menu bar.

<unc-vertical-menu>
    <unc-menu-item href="/search" icon="search" label="Search" selected></unc-menu-item>
    <unc-menu-separator></unc-menu-separator>
    <unc-menu-item href="/users" icon="social:people" label="Users"></unc-menu-item>
</unc-vertical-menu>

screenshot

Dependencies

NameNPMUsage
<iron-icons>npm versionTo display icons

Events

NameDescription
selectFire when the selection changed. Contains index and label of the current selected item: {detail: {index, label }}

Styling

NameDefault Lumo valueDefault valueDescription
--unc-menu-item-icon-size--lumo-icon-size-m24pxIcon size
--unc-menu-item-vertical-padding--lumo-space-s0.5remPadding top and bottom around each menu item
--unc-menu-item-selected-bgcolor--lumo-contrast-20pcthsla(214, 53%, 23%, 0.16)Background color of the selected item
--unc-menu-item-selected-fgcolor--lumo-primary-colorhsl(214, 90%, 52%)Color of the icon for the selected item
--unc-menu-item-hover-bgcolor--lumo-contrast-10pcthsla(214, 53%, 23%, 0.16)Foreground color when hovering an item

License

Apache License 2.0

0.0.11

4 years ago

0.0.10

4 years ago

0.0.9

4 years ago

0.0.8

4 years ago

0.0.7

4 years ago

0.0.6

4 years ago

0.0.5

4 years ago

0.0.4

4 years ago

0.0.3

4 years ago

0.0.2

4 years ago

0.0.1

4 years ago