thumbTemplate Snippet

The thumbTemplate snippet receives context about the current state and allows you to render custom content inside the thumb.

Available Parameters

• currentIndex - Current selected index
• currentItem - Current item data
• itemsCount - Total number of items

children Snippet

The children snippet allows you to completely customize the content rendered for each switch option.

Available Parameters

• currentIndex - Index of this item
• item - The item data
• isSelected - Whether this item is selected

labelTemplate Snippet

The labelTemplate snippet gives you complete control over how labels are rendered for each option.

Rich Label Content

Labels can include multiple lines, colors, icons, and any other HTML/Svelte content you need.

Complete Customization

This example combines all templating features: custom children, thumb template, label template, and individual styling.

Real-world Use Cases

• Theme selectors
• Media players
• Dashboard controls
• Configuration panels