π¨ 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.
π οΈ Configuration β
Here are the configuration options for the material-alarm-card:
| Name | Type | Description | Default | Required |
|---|---|---|---|---|
type | string | custom:material-alarm-card | β Yes | |
entity | string | The alarm control panel entity ID (e.g., alarm_control_panel.home). π | β Yes | |
name | string | The name to display on the card. π | β No | |
icon | string | A custom icon to display. β¨ | β No | |
display_style | string | The visual style of the card. Can be compact or extended. π¨ | compact | β No |
tap_action | object | Action to perform on tap. See Actions for more information. π | β No | |
hold_action | object | Action to perform on hold. See Actions for more information. HOLD | β No | |
double_tap_action | object | Action 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. π¦
extended: A larger, more detailed card with a prominent status indicator and easier access to controls. π
π 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 β
| Property | Type | Description |
|---|---|---|
action | string | Required. The type of action to perform (see list below). |
navigation_path | string | Internal path (e.g., /lovelace/lights) required if the action is Maps. |
url_path | string | External URL (e.g., https://google.com) required if the action is url. |
service | string | The service to call (e.g., light.turn_on) if the action is call-service. |
service_data | object | Additional 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 β
type: custom:material-alarm-card
entity: alarm_control_panel.home_alarm
name: Home Securityπ Extended Style β
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.












