Skip to content

🚨 Material Alarm Card ​

NOTE

✨ Available on πŸ’Ž Pro & Ultimate Version Only

🌟 Overview ​

The material-alarm-card is a modern and stylish card πŸ›‘οΈ for controlling your alarm system in Home Assistant. It supports multiple display styles and provides a user-friendly interface for arming and disarming your security system.

β˜€οΈ Light Mode

Alarm Light
πŸŒ™ Dark Mode

Alarm Dark

πŸ› οΈ Configuration ​

Here are the configuration options for the material-alarm-card:

NameTypeDescriptionDefaultRequired
typestringcustom:material-alarm-cardβœ… Yes
entitystringThe alarm control panel entity ID (e.g., alarm_control_panel.home). πŸ†”βœ… Yes
namestringThe name to display on the card. πŸ“›βŒ No
iconstringA custom icon to display. ✨❌ No
display_stylestringThe visual style of the card. Can be compact or extended. 🎨compact❌ No
tap_actionobjectAction to perform on tap. See Actions for more information. πŸ‘‡βŒ No
hold_actionobjectAction to perform on hold. See Actions for more information. HOLD❌ No
double_tap_actionobjectAction to perform on double tap. See Actions for more information. HOLD❌ No

NOTE

Check this for Alarm Dialog Settings.
βš™οΈ Settings Options

🎨 Display Styles ​

The display_style option allows you to choose between two different layouts:

  • compact: A smaller card that fits well in dense dashboards. It shows the status, icon, and basic controls. πŸ“¦
β˜€οΈ Light Mode

Alarm Light
πŸŒ™ Dark Mode

Alarm Dark
β˜€οΈ Light Mode (Arming)

Alarm Light
πŸŒ™ Dark Mode (Arming)

Alarm Dark
β˜€οΈ Light Mode (Armed)

Alarm Light
πŸŒ™ Dark Mode (Armed)

Alarm Dark
  • extended: A larger, more detailed card with a prominent status indicator and easier access to controls. πŸ“
β˜€οΈ Light Mode

Alarm Light
πŸŒ™ Dark Mode

Alarm Dark
β˜€οΈ Light Mode (Arming)

Alarm Light
πŸŒ™ Dark Mode (Arming)

Alarm Dark
β˜€οΈ Light Mode (Armed)

Alarm Light
πŸŒ™ Dark Mode (Armed)

Alarm Dark

πŸš€ Actions ​

You can configure custom actions for tap_action, hold_action, and double_tap_action. If you do not specify an action, the system will use the default custom dialogs based on the component type.

Action Object Properties ​

PropertyTypeDescription
actionstringRequired. The type of action to perform (see list below).
navigation_pathstringInternal path (e.g., /lovelace/lights) required if the action is Maps.
url_pathstringExternal URL (e.g., https://google.com) required if the action is url.
servicestringThe service to call (e.g., light.turn_on) if the action is call-service.
service_dataobjectAdditional parameters for the service.

Possible Values for action

  • more-info (Default): Opens the entity's details window. When configured, it opens the specific custom dialog for the component. ℹ️
  • call-service: Executes a specific Home Assistant service. πŸ› οΈ
  • navigate: Navigates to a specific path within the interface. πŸ—ΊοΈ
  • url: Opens an external hyperlink in a new tab. 🌐
  • assist: Opens the Assist interface (voice/text command). πŸŽ™οΈ
  • none: Disables any interaction. 🚫

TIP

Note on Custom Dialogs: If you leave the action as default, the system will automatically trigger the custom dialogs optimized for each category (e.g., the sensor dialog for binary sensors and sensors or the alarm dialog for alarm_control_panel), and more...

πŸ“œ Examples ​

πŸ”’ Basic Configuration ​

yaml
type: custom:material-alarm-card
entity: alarm_control_panel.home_alarm
name: Home Security

πŸ“ Extended Style ​

yaml
type: custom:material-alarm-card
entity: alarm_control_panel.home_alarm
display_style: extended
name: Main House Alarm

🎨 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.