https://framer.com/m/AgendaX-I349k5.js
Io / Enhancements / AgendaX
AgendaX
AgendaX renders a conference or workshop programme from a single JSON schema — days, sessions, times and speakers — with each day and each session able to open and close.
Examples
Live specimens for every control the component exposes.
Default
The whole programme comes from the schema string. The specimens here run the schema the component ships with; write your own with the agendax-schema skill rather than by hand.
Expansion
daysExpand decides whether the first day or every day opens on load. itemsExpand does the same for the sessions inside a day.
first day open
all days open
sessions expanded
Type and density
One font control drives the whole agenda. rowPadding sets how tightly the sessions stack, and showEndTime drops the finish time when the programme is loose.
Playfair Display
row padding 8
no end time
Props
The controls exposed on the instance panel.
Usage
Guidance carried over from the component definition.
Reach for AgendaX
A conference, workshop or run-of-show needs to be read day by day.
Sessions carry speakers and times that should collapse out of the way.
The programme changes often and should live in one JSON block.
Times and speakers belong in one schema rather than spread across layers.
Reach for something else
Readers need to pick dates or book slots — this only displays.
The data belongs in the CMS as separate items.
You need a month or week calendar grid rather than a run of sessions.
Io — Enhancements
Every specimen above is a live component instance. Colour, type and radius resolve from the project theme tokens.