{
  "$schema": "https://mian.ro/schema/v2/registry.json",
  "schemaVersion": "2.0.0",
  "generatedAt": "2026-10-02T13:14:06.957Z",
  "id": "agenda",
  "name": "Agenda",
  "category": "Sections",
  "description": "A schedule of times, sessions, speakers and tracks, for events, courses and programmes.",
  "tags": [
    "agenda",
    "schedule",
    "programme",
    "timetable",
    "event",
    "conference",
    "talks",
    "sessions",
    "itinerary"
  ],
  "requiresJs": false,
  "license": "LicenseRef-MIAN-1.0",
  "composition": {
    "role": "schedule",
    "intents": [
      "event schedule",
      "conference agenda",
      "timetable",
      "programme",
      "course schedule"
    ],
    "prominence": "medium",
    "density": "high",
    "worksAfter": [],
    "worksBefore": [],
    "alternatives": [
      "timeline",
      "table"
    ],
    "avoid": "Sessions without times or rooms."
  },
  "url": "https://mian.ro/components/agenda",
  "markdownUrl": "https://mian.ro/ai/components/agenda.md",
  "classes": [
    {
      "name": "mn-agenda",
      "description": "The list (a <ol>)."
    },
    {
      "name": "mn-agenda-item",
      "description": "A row: mn-agenda-time, mn-agenda-body (mn-agenda-title, mn-agenda-who) and an optional badge. mn-agenda-item-break for breaks."
    }
  ],
  "accessibility": [
    "Use <time datetime=\"…\"> for times.",
    "Use an ordered list: the order is the schedule."
  ],
  "examples": [
    {
      "title": "Agenda",
      "description": null,
      "html": "<section class=\"mn-section mn-section-sm\"><div class=\"mn-container\"><ol class=\"mn-agenda\">\n  <li class=\"mn-agenda-item\"><time class=\"mn-agenda-time\" datetime=\"09:30\">09:30</time><div class=\"mn-agenda-body\"><h3 class=\"mn-agenda-title\">Opening: interfaces are surfaces</h3><p class=\"mn-agenda-who\">Ilinca Sava · Field Notes</p></div><span class=\"mn-badge mn-badge-outline mn-neutral\">Main stage</span></li>\n  <li class=\"mn-agenda-item\"><time class=\"mn-agenda-time\" datetime=\"10:15\">10:15</time><div class=\"mn-agenda-body\"><h3 class=\"mn-agenda-title\">Type that survives translation</h3><p class=\"mn-agenda-who\">Jonas Olsen · Kestrel</p></div><span class=\"mn-badge mn-badge-outline mn-neutral\">Studio</span></li>\n  <li class=\"mn-agenda-item mn-agenda-item-break\"><time class=\"mn-agenda-time\" datetime=\"11:00\">11:00</time><div class=\"mn-agenda-body\"><h3 class=\"mn-agenda-title\">Coffee and noodles</h3></div></li>\n</ol></div></section>"
    }
  ],
  "css": ".mn-agenda { margin: 0; padding: 0; list-style: none; border-top: var(--mn-border-w) solid var(--mn-border); }\n.mn-agenda-item { display: grid; gap: .4rem 1.5rem; padding-block: 1.3rem; border-bottom: var(--mn-border-w) solid var(--mn-border); }\n.mn-agenda-item > * { margin: 0; min-width: 0; }\n.mn-agenda-time { font: 500 .875rem/1.5 var(--mn-font-mono); font-variant-numeric: tabular-nums; color: var(--mn-muted); }\n.mn-agenda-body { display: grid; gap: .25rem; }\n.mn-agenda-body > * { margin: 0; }\n.mn-agenda-title { font: 600 1.0625rem/1.35 var(--mn-font-heading); color: var(--mn-fg); letter-spacing: -.01em; }\n.mn-agenda-who { color: var(--mn-muted); font-size: .9375rem; }\n.mn-agenda-item-break .mn-agenda-title { font-weight: 500; color: var(--mn-muted); }\n@container mn (min-width: 44rem) { .mn-agenda-item { grid-template-columns: 8rem minmax(0, 1fr) auto; align-items: baseline; } }",
  "js": null,
  "install": {
    "css": "https://mian.ro/dist/mian.css",
    "js": null,
    "registryItem": "https://mian.ro/r/agenda.json"
  }
}