Repository navigation
Installation
tempus2016 edited this page Aug 1, 2026
·
2 revisions
Tabdeck Card is in the default HACS store — no custom repository needed.
- In Home Assistant, open HACS and search for Tabdeck Card.
- Open it and click Download.
- HACS adds the resource automatically. If not, add it under Settings → Dashboards → ⋮ → Resources:
- URL:
/hacsfiles/tabdeck-card/tabdeck-card.js - Type: JavaScript Module
- URL:
- Download
tabdeck-card.jsfrom the latest release. - Copy it to
<config>/www/tabdeck-card.js. - Add the resource under Settings → Dashboards → ⋮ → Resources:
- URL:
/local/tabdeck-card.js - Type: JavaScript Module
- URL:
- Hard-refresh your browser (the card is cached by the browser).
Add a card in YAML mode:
type: custom:tabdeck-card
tabs:
- name: Hello
card:
type: markdown
content: It works!If the card renders with a single "Hello" tab, you're set. Continue to Getting Started.
Concepts
Features
- All features
- Dynamic tabs
- State-driven icons & names
- Alert pulse
- Auto-rotate & idle return
- Navigation & action tabs
- Scroll-spy
- Collapsible deck
- Responsive layouts
- Style presets
- Tab-change actions
- Tab display mode
- Accent indicator
- Extra bar styles
- Indicator thickness
- Sticky tab bar
- Tab alignment
- Badge display mode
- Per-tab colour
- Tab subtitles
- Disabled tabs
- Multiple cards per tab
- Panel transitions
- Duplicate tab
- Expand/Collapse all