Thanks to visit codestin.com
Credit goes to github.com

Skip to content

custom-cards/button-card

Repository files navigation

Button Card by @RomRider

Stable Beta HACS Badge Project Maintenance
Downloads GitHub Activity License Discord Community Forum

Useful links

What is custom:button-card?

This is a lovelace custom card called button-card for your entities with a LOT of configuration options.

all

  • works with any entity
  • 6 available actions on tap and/or hold and/or double click: none, toggle, more-info, navigate, url, assist and call-service
  • icon tap action: Separate action when clicking the icon specifically which takes precedence over main card actions.
  • momentary actions for the card and/or icon: press_action and release_action (if used, replaces default actions)
  • 3 button-card custom actions: javascript, multi-actions, toast
  • state display (optional)
  • custom color (optional), or based on light rgb value/temperature
  • custom state definition with customizable color, icon and style
  • custom size of the icon, width and height
  • aspect ratio support
  • Support for javascript templates
  • custom icon
  • custom css style
  • multiple layout support and custom layout support
  • units for sensors can be redefined or hidden
  • 2 color types
    • icon : apply color settings to the icon only
    • card : apply color settings to the card only
  • automatic font color if color_type is set to card
  • blank card and label card (for organization)
  • Native blink animation support
  • icon rotation animation support
  • confirmation popup for sensitive items or locking mecanism
  • password or PIN protection for actions
  • haptic support for the IOS companion App
  • support for HACS