github joseluis9595/lovelace-navbar-card v0.5.0
NavBar card v0.5.0

latest releases: v0.18.1, v0.18.0, v0.17.0...
5 months ago

New selected option for each route

With this new release, I've introduced an optional new configuration item for each route. You can now choose whether or not to show one route as selected via JS templates.

This new option plays nicely with anchor-card, as mentioned in #27

type: custom:navbar-card
...
routes:
  ...
  - icon: mdi:home-outline
    icon_selected: mdi:home-assistant
    url: /lovelace/home?anchor=map
    label: Home
    selected: |
      [[[
        const matchesPath = window.location.pathname == "/lovelace/home"; 
        const hasAnchor = window.location.search.includes("anchor=map");
        return matchesPath && hasAnchor;
      ]]]



All changes in this release

  • New optional selected config for each route. #27
  • Fixed centering of navbar in desktop devices. #30

Full Changelog: v0.4.0...v0.5.0

Don't miss a new lovelace-navbar-card release

NewReleases is sending notifications on new releases.