Repository navigation
Feature Dots Arrows
Two options for carousel-style decks: slideshows, wall panels and "swipe through my rooms" cards.
tab_display: dots replaces the tab bar with a centred row of pagination dots. The current tab's dot stretches into a pill in the accent colour, and an alerting tab's dot turns red. Screen readers still hear each tab's name.
content_arrows: true adds ‹ › buttons beside the content to step to the previous or next tab. They skip disabled and action tabs, disappear at the ends, and wrap around with swipe_wrap: true. The arrows sit in their own side gutters, so they never cover a card's switches or sliders.
type: custom:tabdeck-card
tab_display: dots
content_arrows: true
swipe: true # swipe on phones too
swipe_wrap: true
tabs: [ ... ]
Theming: --tabdeck-dot-size (8px), --tabdeck-arrow-gutter (40px), --tabdeck-arrow-opacity (0.7). Both options are in the visual editor (Tab display → Dots, and the Previous / next arrows toggle).
Concepts
Features
- All features
- Dynamic tabs
- Remote control & events
- PIN-locked 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
- Content layout
- Duplicate tab
- Expand/Collapse all
- Edit mode helpers
- Why is this tab hidden?
- Starter templates
- Convert from another card
- Languages
- Dock & floating action tabs
- Dots & content arrows
- Grouped tabs
- Search & shortcuts
- Arrange tabs