Component Browser
BrowseBuild
Home/Browse/Event 32

Event 32

TabsButtons208 nodes ยท 34 styles
Event 32

Description

Conference schedule section with tab navigation for days, 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. Below the header is a horizontal tab navigation with date options (Fri 09 Feb, Sat 10 Feb, Sun 11 Feb), with the active tab having a distinct border. The selected day's events are displayed as table rows with: time slot (8:00 am, 9:00 am, 10:00 am), event title heading, tag pills indicating format (In-person, Online), speaker name, location, and a 'View details' button. Horizontal divider lines separate each event row. The tab-based navigation allows quick switching between days, making this layout ideal for multi-day conferences or event schedules.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

scheduleconferencetabstab navigationevent rowstime slotssession tagsin-persononlinemulti-day

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [],
      "actionLists": [],
      "interactions": []
    },
    "nodes": [
      {
        "_id": "edd04ae2-24bf-06b7-8f3b-6d8e62b00dc4",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "00acfe70-e7c1-2461-9b0c-60aa98caa521"
        ],
        "children": [
          "edd04ae2-24bf-06b7-8f3b-6d8e62b00dc5"
        ]
      },
      {
        "_id": "edd04ae2-24bf-06b7-8f3b-6d8e62b00dc5",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "b0934d9a-875a-bb42-0630-12090a77fc73"
        ],
        "children": [
          "edd04ae2-24bf-06b7-8f3b-6d8e62b00dc6"
        ]
      },
      {
        "_id": "edd04ae2-24bf-06b7-8f3b-6d8e62b00dc6",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
    
... (truncated)