@htmlbricks/hb-sidenav-link 0.66.27 → 0.67.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -2
- package/main.iife.js +26 -145
- package/main.iife.js.map +1 -1
- package/manifest.json +12 -4
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
### What it does
|
|
7
7
|
|
|
8
|
-
Sidebar nav item: Bootstrap
|
|
8
|
+
Sidebar nav item: Bootstrap Icons (`bi-*`), label, optional Bulma `tag` badge (`badge.class` / `badge.classcolor` modifiers such as `is-light`, `is-primary`) rendered as **outlined** pills (transparent fill, border/text from the tag color), and either a flat button that dispatches `pageChange` on click or an expandable group of `subLinks` with active state when `navpage` or `selected` matches. Intended for use inside `hb-sidebar-desktop` lists.
|
|
9
9
|
|
|
10
10
|
### Custom element
|
|
11
11
|
|
|
@@ -25,7 +25,8 @@ Sidebar nav item: Bootstrap icon, label, optional badge, and either a flat link
|
|
|
25
25
|
### Usage notes
|
|
26
26
|
|
|
27
27
|
- **CSS parts:** `li`.
|
|
28
|
-
- **
|
|
28
|
+
- **Layout:** labels share a flexible middle column; the right column is fixed width (`--hb-sidenav-trail-width`, default `3.5rem`) so titles stay aligned whether a badge or chevron is present. Long badge text truncates with an ellipsis. Badges use an outline treatment so they stay visible on ghost (unselected) rows.
|
|
29
|
+
- Bulma buttons and tags are scoped inside the component; include Bootstrap Icons CSS for `icon` / `subLinks[].icon`.
|
|
29
30
|
- Export type `INavLink` is shared with `hb-offcanvas` / `hb-sidebar-desktop` `navlinks` arrays.
|
|
30
31
|
|
|
31
32
|
### Minimal HTML example
|