# Resources

The Scheduler component accepts a [`resources`](https://www.telerik.com/kendo-vue-ui-develop/components/scheduler/api/schedulerprops#resources) property which is used to change the appearance of the events based on the provided configuration.

## Getting Started

An event can have one or more resources assigned to it—for example, a meeting room or a guest list. For more information on configuring the Scheduler to display each resource as a sub-view, refer to the article on [grouping](https://www.telerik.com/kendo-vue-ui-develop/components/scheduler/grouping).

Each resource is described by a [`SchedulerResource`](https://www.telerik.com/kendo-vue-ui-develop/components/scheduler/api/schedulerresource) object that contains all possible values for it. To define the resources, set the [`resources`](https://www.telerik.com/kendo-vue-ui-develop/components/scheduler/api/schedulerprops#resources) property.

As a minimum configuration, you have to define the following fields:

* `field`—The field name of the event that contains the resource value.
* `data`—The resource data array.
* `valueField`—The field name from the data that contains the value of the resource.
* `textField`—The field name from the data that contains the text of the resource.

## Using Visual Separation

One of the most useful use cases for the `resources` property is to visually separate the events based on their field values.

The following example demonstrates how to color the events based on their `roomId` field.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/scheduler/data-operations/resources/visual/source.txt)

## Setting Multiple Resources

The `resources` property accepts a collection of resources which means that you can provide two or more resources. If you provide multiple resources, the event will acquire the `color` of the first matched resource.

The following example is based on the previous example and provides two resources.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/scheduler/data-operations/resources/multiple/source.txt)

## Suggested Links

* [Data Binding in the Kendo UI for Vue Scheduler](https://www.telerik.com/kendo-vue-ui-develop/components/scheduler/data-binding)



* [API Reference of the Kendo UI for Vue SchedulerDataChangeEvent](https://www.telerik.com/kendo-vue-ui-develop/components/scheduler/api/schedulerprops#ondatachange)