joseluis9595/lovelace-navbar-card v0.2.0

NavBar card v0.2.0

on GitHub

🎉 Introducing the Popup Feature!

I'm thrilled to announce v0.2.0 of the Navbar Card, packed with a highly requested feature: Popup Support!

Sometimes having just 4/5 icons on your navbar may not seem enough. With this new release, you can now configure submenu popups for each route on your card!

This new option will have precedence over tap_action and url when a route is pressed. Example configuration:

type: custom:navbar-card
routes:
  ...
  - icon: mdi:dots-horizontal
    label: More
    submenu:
      - icon: mdi:cog
        label: Settings
        url: /config/dashboard
      - icon: mdi:hammer
        label: Developer tools
        url: /developer-tools/yaml
      - icon: mdi:power
        label: Restart
        tap_action:
          action: call-service
          service: homeassistant.restart
          service_data: {}
          confirmation:
            text: Are you sure you want to restart Home Assistant?

For more information, check the submenu section

🚀 Upgrade Now!

Install via HACS or manually update navbar-card.js from the latest release.

Special thanks to the community for feedback and testing! 🙌

Changes in this release

Features

• New popup configuration for each route
• New hidden property for desktop and mobile configurations that lets users easily hide the navbar on either platform.
• Added a stub configuration to ensure the card appears correctly in Home Assistant's "Add Card" list
• Improved edit mode detection for displaying the navbar correctly

Fixes

• Fixed an issue where clicking on a navbar item inadvertently activated a card positioned behind the navbar

Internal

• Migrated from rollup to bun
• Styles refactor

Full Changelog: v0.1.1...v0.2.0