Scheduler - Quick Info

#Usage

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

<Scheduler.Root :quick-info="quickInfoOptions" @quick-info-edit="onQuickInfoEdit" @quick-info-delete="onQuickInfoDelete">
    <Scheduler.QuickInfo />
</Scheduler.Root>

Quick info is enabled from the root and rendered through Scheduler.QuickInfo. Use it when event inspection, edit, or delete actions should stay near the selected event without opening a full application drawer.

#Quick Info Options

quickInfoOptions controls when the panel opens and which actions are visible.

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

const quickInfoOptions: QuickInfoOptions = {
    enabled: true,
    trigger: 'click',
    editorTrigger: 'button',
    showEdit: true,
    showDelete: true
};

trigger supports click and dblclick; editorTrigger supports button and dblclick. Keep the object in application state when edit or delete availability changes with permissions, recurrence scope, or event status.

#Quick Info Overlay

Quick info opens from an event and can route actions back to the page. The example opens an edit dialog from the default PrimeOne quick-info action.

#Customization

Customize the quick-info slot when the overlay needs product-specific fields, action labels, or a different visual hierarchy. The example keeps a simple week view and replaces the default panel with a launch packet card.

#API

Key APIs are quickInfo, quickInfoPosition, Scheduler.QuickInfo, @quick-info-show, @quick-info-hide, @quick-info-edit, @quick-info-delete, and slot or event trigger payloads.

#Related Docs

• Event Popover
• Architecture