Component Browser
BrowseBuild
Home/Browse/Event 31

Event 31

Buttons212 nodes ยท 34 styles
Event 31

Description

Conference schedule section with accordion-style day groupings, event rows showing time, title, tags, speaker, location, and view details button.

Detailed Analysis

This schedule component features a centered header with tagline, 'Schedule' title, and description text. The content is organized by day using expandable accordion sections. Each day heading (e.g., 'Friday 09 Feb') has a chevron icon for expand/collapse. Within expanded sections, individual events are displayed as table rows with: time slot (8:00 am, 9:00 am, etc.), event title heading, tag pills (In-person, Online), speaker name, location, and a 'View details' button. Horizontal divider lines separate each event row. Collapsed day sections show only the heading with expand chevron. This layout is ideal for multi-day conference or event schedules with detailed session information.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

scheduleconferenceaccordionevent rowstime slotssession tagsin-persononlinespeaker infomulti-day

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-3337",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-639",
              "playInReverse": false,
              "autoStopEventId": "e-3338",
              "affectedElements": {}
            },
            "instant": true,
            "actionTypeId": "GENERAL_START_ACTION"
          },
          "config": {
            "loop": false,
            "delay": null,
            "effectIn": null,
            "direction": null,
            "playInReverse": false,
            "scrollOffsetUnit": null,
            "scrollOffsetValue": null
          },
          "target": {
            "id": "6566c7cc93fa5f14d58f8f74|d365389d-2ad6-2841-c8a6-622edef7ff33",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6566c7cc93fa5f14d58f8f74|d365389d-2ad6-2841-c8a6-622edef7ff33",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1692697160859,
          "eventTypeId": "MOUSE_CLICK",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "custom"
        },
        {
          "id": "e-3338",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-640",
              "playInReverse": false,
              "autoStopEventId": "e-3337",
              "affec
... (truncated)