Badge Navigator
(Claude coded)
A custom Home Assistant badge that packs an entire row of navigation shortcuts into one single badge—instead of requiring a separate shortcut badge for every destination. The badge that matches your current view highlights automatically.
Built because copying mutliple individual shortcut badges into the configuration of every single view gets old fast. This card reduces simplifies the configuration.
Key Features
- Space-saving: Condenses multiple navigation steps into one badge line.
- Auto-highlighting: Dynamically detects and marks the active view.
- HACS Ready: Easily installable as a custom repository.
Links & Installation
Especialiy for Fulliy Kiosk / Companion App Kiosk users this could be handy.
1 Like
as for the mushroom specific, isnt that what
type: custom:mushroom-chips-card does ?
To my knowledge the type: custom:mushroom-chips-card can’t be used in the badges section.
You can use type: shortcut or type: custom:mushroom-template-badge.
I wanted a navigation bar, no separate shorcuts.
When adding a new view, just edit the navigationbar and copy paste it the new view.
it is what the card is designed for..
badges:
- type: custom:mushroom-chips-card
chips:
- type: back
- type: menu
- type: light
entity: light.bureau_marijn_lampen
- type: weather
entity: weather.knmi
show_temperature: true
show_conditions: false
- type: entity
entity: person.marijn
use_entity_picture: true
- type: action
tap_action:
action: perform-action
perform_action: script.say_next_alarm_greet
target: {}
icon: mdi:bullhorn
- type: entity
entity: camera.oprit
use_entity_picture: true
content_info: none
- type: entity
entity: binary_sensor.gasten
use_entity_picture: true
not sure about dedicated navigation chips (not a big mushroom user here) but I use back and menu in those so navigation badges wont be an issue I figure
and yes, if all you need are navigations, then your card would skip setting that on the individual badges.
choices 
3 Likes
