joseluis9595/lovelace-navbar-card v1.2.0

NavbarCard v1.2.0

on GitHub

Hope you all had a great (and spooky 👻) Halloween! NavbarCard v1.2.0 is here with some new cool features: improved performance, redesigned docs and new customization options.

New docs

After listening to your feedback, the documentation has been completely redesigned. The old, lengthy README has been replaced with a dedicated docs site built using Docusaurus. The new site includes search functionality, organized sections, navbar-card showcase examples with full yaml code and guides to help you get started faster. You can check out the new docs here.

New selected_color property for each route

You can now customize the active color of each route! The new selected_color attribute lets you define the color shown when a route is selected, giving your navbar a more personalized touch.

type: custom:navbar-card
routes:
  - url: /lovelace/home
    icon: mdi:home
    selected_color: "#E57373"
    selected: true       # hardcoded to true for demo purposes
  ...

Performance issues

Several users reported memory leaks and lag, especially on tablets running in kiosk mode where dashboards remain open for long periods. This release includes fixes and optimizations that should significantly reduce performance issues and improve responsiveness.

Entity picker in toggle and more-info actions

This one is a small, but useful feature. When selecting either toggle or more-info action in the UI editor, a new entity picker will be displayed, to choose which entity to target for said actions.

All changes in this release

• feat: new docs using docusaurus.
• fix: memory leaks on navbar-card components. (closes #215, closes #225)
• feat: new selected_color attribute for each route, to modify its "active" color. (closes #220 )
• fix: show_popup_label_backgrounds for mobile not working on the UI editor. Thanks @shbatm (closes #221 )
• feat: add entity picker for toggle and more-info panels in the UI editor.
• fix: renamed badge.textColor to badge.text_color.

⭐ Support navbar-card

If you enjoy using navbar-card and want to support its continued development, consider buying me a coffee (or a beer 🍺), or becoming a GitHub Sponsor!

Your support means a lot and helps keep the project alive and growing. Thank you! 🙌