# SegmentedControl Data Binding

The SegmentedControl renders its buttons from a collection of [`SegmentedItemProps`](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/segmenteditemprops) objects that you pass to the [`items`](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/segmentedcontrolprops#items) prop.

## Item Fields

Each item in the array can define the following fields:

* [`value`](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/segmenteditemprops#value)—The unique identifier of the item. The SegmentedControl compares it with its `value` or `defaultValue` to determine the selected item. For more details, refer to the [Controlled Mode](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/segmentedcontrol/controlled-mode) article.
* [`text`](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/segmenteditemprops#text)—The text content of the button.
* [`svgIcon`](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/segmenteditemprops#svgIcon)—An SVG icon to render inside the button. For more details, refer to the [Icon Options](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/segmentedcontrol/icons) article.
* [`iconClassName`](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/segmenteditemprops#iconClassName)—A CSS class applied to the icon of the selected item.
* `disabled`—Determines whether the button is disabled. For more details, refer to the [Disabled Items](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/segmentedcontrol/disabled) article.
* [`title`](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/segmenteditemprops#title)—Sets the `title` attribute of the button.

The following example demonstrates how to bind a collection of items to the SegmentedControl.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/buttons/segmentedcontrol/items/source.txt)

## Suggested Links

* [Controlled Mode](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/segmentedcontrol/controlled-mode)
* [Icon Options](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/segmentedcontrol/icons)
* [API Reference of the SegmentedControl](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/segmentedcontrolprops)
* [API Reference of the SegmentedItemProps](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/segmenteditemprops)