/timer-card

⏲ Lovelace Timer Card

Primary LanguageTypeScriptMIT LicenseMIT

⏰ Lovelace Timer Card

GitHub Release GitHub Activity custom_updater License

Project Maintenance BuyMeCoffee

Discord Community Forum

Twitter Github

This element is for Lovelace on Home Assistant that that shows a timer and its controls.

Options

Name Type Requirement Description Default
type string Required custom:timer-card none
entity string Required Timer entity id none
name string Optional Tooltip for main menu none

Installation

Step 1

Save timer-card to <config directory>/www/timer-card.js on your Home Assistant instanse.

Example:

wget https://raw.githubusercontent.com/custom-cards/timer-card/master/dist/timer-card.js
mv timer-card.js /config/www/

Step 2

Link timer-card inside your ui-lovelace.yaml or Raw Editor in the UI Editor

resources:
  - url: /local/timer-card.js
    type: module

Step 3

Add a custom element in your ui-lovelace.yaml or in the UI Editor as a Manual Card

type: 'custom:timer-card'
icon: 'timer.laundry'
name: 'Laundry'

Troubleshooting