SegmentedControl Appearance
The SegmentedControl provides predefined appearance options such as different sizes and border radius options. For information about configuring how items are sized within the component, refer to the Layout Mode article.
Size
The SegmentedControl allows you to configure the size of its items. To set the size, use the size property. It accepts values of type ButtonSize.
The size option supports the following values:
smallmediumlarge
The following example demonstrates the available sizes of the SegmentedControl.
Roundness
The SegmentedControl allows you to apply a different border radius to the component. To set the border radius, use the rounded property. It accepts values of type SegmentedControlRounded.
The rounded option supports the following values:
nonesmallmediumlargefull
The theme applies the matching border radius to the selection indicator and the items, so they stay aligned with the outer edge of the component.
The following example demonstrates the available border radius options of the SegmentedControl.