Block Parts
Agenda Event
One event in an agenda list, with its start and end time, a color bar, details and guests.
Usage
9:009:15
Zoom
ALLMSL+1
11:3012:30
Room 3B
SLJB
15:0015:45
Google Meet
AL
Click an event to open it.
Installation
npm install @wunderui/reactThen import what you need:
import { AgendaEvent, AgendaEventProps } from "@wunderui/react"API Reference
| Prop | Type | Default |
|---|---|---|
| start | ReactNode | — |
| end | ReactNode | — |
| title | ReactNode | — |
| meta | ReactNode | — |
| color | EventColor | "purple" |
| guests | Person[] | — |
| onClick | () => void | — |
| onMenu | () => void | — |
| className | string | — |