An iOS-style segmented control — a compact row of mutually exclusive option buttons. Suitable for 2–5 options where a full tab group would be too heavy.
Bind [(value)] to track the active segment id.
[(value)]
<ui-segmented-control [items]="views" [(value)]="activeView"/> Copy
<ui-segmented-control [items]="views" [(value)]="activeView"/>
Readonly
Accessible label for the radiogroup.
Disable the entire control.
Items to render as segments.
The id of the currently active segment (two-way).
id
An iOS-style segmented control — a compact row of mutually exclusive option buttons. Suitable for 2–5 options where a full tab group would be too heavy.
Bind
[(value)]to track the active segment id.Example