Repository navigation
Feature Collapsible
tempus2016 edited this page Sep 27, 2026
·
1 revision
With collapsible: true, tapping the already-active tab folds the content away and leaves just the tab bar. Tap it again, or pick any other tab, to open it back up. This helps on phones, where a tall deck can push everything else off screen.
Config keys: collapsible (boolean, default false), start_collapsed (boolean, default false, only with collapsible)
type: custom:tabdeck-card
collapsible: true
start_collapsed: true # open the dashboard with only the bar showing
style: segmented
align: justify
tabs:
- name: Climate
icon: mdi:thermostat
card: { ... }
- name: Lights
icon: mdi:lightbulb
card: { ... }
- Active tab tapped → folds or unfolds. Another tab chosen (tap, keyboard, auto-select, …) → unfolds and switches.
- While folded, the selection indicator is dimmed, and the card reports a size of 1 row to masonry layouts.
- The folded state isn't remembered. It resets to
start_collapsedon reload. - Both options are toggles in the visual editor.
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