Navigate Chip

Description

This chip is a menu button with an icon using mdi.

Variables

Variable	Default	Required	Notes
ulm_chip_navigate_path			path to navigate to
ulm_chip_navigate_icon			Icon to use
ulm_chip_navigate_icon_color	primary-text-color		Allow to change icon color
ulm_chip_navigate_label_color	primary-text-color		Allow to change label color

Usage

- type: "custom:button-card"
  template: chip_navigate
  label: 'Living Room'
  variables:
    ulm_chip_navigate_path: /lovelace-minimalist-test/
    ulm_chip_navigate_icon: mdi:sofa

Template Code

chip_navigate.yaml

---
### Chip Navigate ###
chip_navigate:
  template: "chips"
  tap_action:
    action: "navigate"
    navigation_path: "[[[ return variables.ulm_chip_navigate_path; ]]]"
  show_icon: true
  icon: "[[[ return variables.ulm_chip_navigate_icon; ]]]"
  styles:
    grid:
      - grid-template-areas: "'i l'"
    icon:
      - color: "[[[ return variables.ulm_chip_navigate_icon_color; ]]]"
    label:
      - color: "[[[ return variables.ulm_chip_navigate_label_color; ]]]"