🗃️ Material Menu Card

🌟 Overview

The material-menu-card allows you to create fully customizable menu items with actions such as navigation, URL opening, call-service, and more.

🔧 Requirements

To use this card, the following custom components are required:

📌 Card Mod

🔗 Card Mod

GitHubgithub.com

📌 Button Card

🔗 Button Card

GitHubgithub.com

TIP

💡 HACS installation is recommended to keep components up to date.

🛠️ Configuration

Name	Type	Description	Default	Required
type	string	custom:material-menu-card	Required	✅ Yes
name	string	The name/title to display on the card. 📛		✅ Yes
label	string	The subtitle to display below the name. 📝		✅ Yes
icon	string	A custom icon to display on the card. ✨		✅ Yes
tap_action	object	Action to perform on tap. 👇 See Actions for more information.	none	✅ Yes
hold_action	object	Action to perform on hold. HOLD See Actions for more information.	none	❌ No
double_tap_action	object	Action to perform on double tap. ✌️ See Actions for more information.	none	❌ No

🚀 Actions

The card supports the standard Home Assistant actions for tap_action, hold_action, and double_tap_action. Here are the most common ones:

• navigate 🗺️: Navigates to a specific path in Home Assistant.
  • navigation_path: The path to navigate to (e.g., /lovelace/lights).
• url 🌐: Opens a URL.
  • url_path: The URL to open.
• toggle 🔄: Toggles the state of an entity (e.g., a switch or a light).
• call-service 📞: Calls a Home Assistant service.
  • service: The service to call (e.g., light.turn_on).
  • data or target: The data or target for the service.
• more-info ℹ️: Shows the more-info dialog for an entity.
• none 🚫: No action.

📜 Example

type: custom:material-menu-card
name: Activity
icon: mdi:history
label: Info on the latest actions performed
tap_action:
  action: navigate
  navigation_path: activity
hold_action:
  action: call-service
  service: light.toggle
  target:
    entity_id: light.living_room
double_tap_action:
  action: url
  url_path: https://www.google.com

🎨 Extended Customization

⚠️ LICENSE

Only for PRO and ULTIMATE users, get your licence now 🚀.

This card have a own version of Card-Mod. You can inject custom CSS to override any style or create unique animations.

💡 ADVANCED STYLING

👉 Check out the Styling Guide.