Scheduler - Resources

#Usage

import { Scheduler } from '@primeui/vue-scheduler';

<Scheduler.Root :resources="resources" group-by-resource>
    <Scheduler.Header />
    <Scheduler.Content>
        <Scheduler.ResourceTimeline>
            <Scheduler.ResourceAreaHeader />
            <Scheduler.ResourceHeader />
            <Scheduler.ResourceRow />
            <Scheduler.ResourceAggregateBadge />
        </Scheduler.ResourceTimeline>
        <Scheduler.ResourceWeek>
            <Scheduler.ResourceColumnHeader />
            <Scheduler.AllDayEvent />
            <Scheduler.TimeGridEvent />
        </Scheduler.ResourceWeek>
    </Scheduler.Content>
</Scheduler.Root>

Resource grouping starts with the resources prop and resource-aware views. Add the resource header, row, aggregate badge, column header, and event parts so people, rooms, assets, or teams stay visible beside their events.

#Resource Binding

Bind events to resource ids to render a resource-owned schedule across day, week, month, and timeline resource views.

#Flat Resources

A flat resource list covers the simplest staff, room, or asset grouping.

#Customization

Customize resource labels, group rows, and horizontal headers with campus metadata. The academy row parts expose room roles, seat capacity, load state, and aggregate counts while the resource model still drives hierarchy state, row identity, expansion, and event matching.

#API

Key inputs are resources, event resourceId or resourceIds, groupByResource, resource view values such as resourceDay, resourceWeek, and resourceMonth, resourceAreaWidth, horizontalResourceMinColumnWidth, horizontalResourceDayMinWidth, and resource child outlets.

#Related Docs

• Resource Timeline View
• Resource UI