Skip to content

EventBlock

Open .md
Live preview

Loading example…

EventBlock is part of the Calendar set, imported from @jcsoftdev/ui/calendar.

import { EventBlock } from "@jcsoftdev/ui/calendar";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/calendar/event-block.

<EventBlock event={cita} variant="detailed" />
Prop Type Default Description
event * CalendarEvent
variant "compact" | "detailed" "detailed" “detailed”: time range, title and subtitle. “compact”: one “time title” line.
onOpen ((id: string) => void)
className string

* marks a required prop.

packages/ui/src/calendar/event-block/event-block.tsx