# State

You can manage the state of the PanelBar items and render them as `selected`, `disabled`, and `expanded`.

## Selected Items

You can set the `selected` state to a PanelBar item by using the [`selected`](https://www.telerik.com/kendo-vue-ui/components/layout/api/panelbaritemprops#selected) property.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/layout/panelbar/items/state/selected/source.txt)

## Disabled Items

You can `disable` PanelBar items by setting the [`disabled`](https://www.telerik.com/kendo-vue-ui/components/layout/api/panelbaritemprops#disabled) property to `true`.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/layout/panelbar/items/state/disabled/source.txt)

## Expanded Items

By default, all PanelBar items are collapsed. To `expand` them, set the [`expanded`](https://www.telerik.com/kendo-vue-ui/components/layout/api/panelbaritemprops#expanded) property to `true`.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/layout/panelbar/items/state/expanded/source.txt)

## Suggested Links

* [API Reference of the PanelBar](https://www.telerik.com/kendo-vue-ui/components/layout/api/panelbarprops)
* [API Reference of the PanelBarItem](https://www.telerik.com/kendo-vue-ui/components/layout/api/panelbaritemprops)