Skip to main content

children

Sidebar content injected via a Vue 3 slot. Typically used to mount CalendarPanel for calendar groups and a mini date picker.

Usage​

children?: Slot;

Example​

<script setup lang="ts">
    import { Calendar, CalendarPanel } from "@wx/vue-calendar";

    const calendars = [
        { id: "work", label: "Work" },
        { id: "home", label: "Home" },
    ];
</script>

<template>
    <Calendar :events="events">
        <CalendarPanel :calendars="calendars" />
    </Calendar>
</template>
  • CalendarPanel — sidebar component most commonly placed in this slot.
  • toolbar — pair with a menuButton to toggle sidebar visibility.
  • Calendar groups — full sidebar setup with checkbox filters.