New to Kendo UI for jQuery? Start a free 30-day trial

Rounded

configuration

Controls the border radius of the SegmentedControl, its thumb and its buttons. When undefined (the default), the theme controls the border radius. Can also be set to the following string values:

"none"
"small"
"medium"
"large"
"full"

rounded

String

Default: undefined

<div id="segmentedControl"></div>
<script>
$("#segmentedControl").kendoSegmentedControl({
  rounded: "medium",
  items: [
    { text: "Option 1", value: "option1" },
    { text: "Option 2", value: "option2" }
  ]
});
</script>