Repository navigation
Feature Nested
tempus2016 edited this page Jun 24, 2026
·
1 revision
A tab's card can be another Tabdeck card, giving you sub-tabs (a tab group inside a tab).
type: custom:tabdeck-card
tabs:
- name: Downstairs
icon: mdi:home-floor-0
card:
type: custom:tabdeck-card # a nested deck
style: pill
tabs:
- name: Living
card: { type: thermostat, entity: climate.living }
- name: Kitchen
card: { type: light, entity: light.kitchen }
- name: Upstairs
icon: mdi:home-floor-1
card:
type: custom:tabdeck-card
tabs:
- name: Bed 1
card: { ... }
- name: Bed 2
card: { ... }- Each deck keeps its own state, styling and persistence. Give the inner deck a distinct
storage_key(orremember: urlwith unique names) if you persist both. - The inner deck's keep-alive means its sub-tab cards (maps, cameras) render correctly too.
- There's no hard nesting limit, but two levels is usually plenty.
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