SegmentedControl Templates

Updated on Oct 1, 2026

The SegmentedControl lets you customize the rendering of each item using an Item Template.

Item Template

<ItemTemplate> allows you to control what is rendered inside each item button. The custom template content replaces the default item rendering (icon and text). The item remains a <button> HTML element regardless of the template content.

The template receives a context argument that represents the current item from the Data collection.

Use ItemTemplate to render item text with a conditional notification count badge

Example

View Source

Loading ...

See Also

• SegmentedControl Overview
• SegmentedControl Events