Core Elements
Agenda
A time-ordered list of scheduled events.
Usage
09:00
Team standup
Daily sync
11:00
Design review
Installation
npm install @wunderui/reactThen import what you need:
import {
Agenda,
AgendaEvent,
AgendaEventProps,
AgendaItem,
} from "@wunderui/react"Examples
Agenda
The day’s events in time order, each with its color.
09:00
Sprint planning
Room 2 · 8 people
11:30
Design review
14:00
1:1 with Jonas
Zoom
In context
How the component is used inside real screens — the same compositions as the Usage section of the Figma page.
Today’s schedule
The day’s events in a sidebar card of a calendar app.