Skip to main content

children

Sidebar content injected via Svelte 5 snippet slot. Typically used to mount CalendarPanel for calendar groups and a mini date picker.

Usage​

children?: Snippet;

Example​

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

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

<Calendar {events}>
    <CalendarPanel {calendars} />
</Calendar>
  • 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.