Component Browser
BrowseBuild
Home/Browse/Event 26

Event 26

ImageSliderButtons236 nodes ยท 51 styles
Event 26

Description

Event slider with left-aligned header, bordered cards featuring category badges, date/location metadata, and carousel navigation controls.

Detailed Analysis

This event slider variant combines bordered card styling with carousel functionality. The left-aligned header includes tagline, 'Events' title, description text, and 'View all' button at right. The carousel displays event cards with distinct black borders, showing partial visibility of additional cards at the right edge. Each card features an image placeholder with category badge in the corner. Below the image, date and location metadata appear with calendar and pin icons. Event title, description text, and 'View event' link complete the card. Navigation controls include pagination dots at bottom left and circular arrow buttons at bottom right. The bordered design provides clear card boundaries within the carousel format.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

eventssliderbordered cardscarouselcategory badgedate metadatapagination dotsarrow buttonshorizontal scrollcard border

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": "84a437db-6476-cafc-5a7c-42049a6b6ab2",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "fa42441a-e6f3-baf1-eb6c-838139c55080"
        ],
        "children": [
          "84a437db-6476-cafc-5a7c-42049a6b6ab3"
        ]
      },
      {
        "_id": "84a437db-6476-cafc-5a7c-42049a6b6ab3",
        "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": [
          "84a437db-6476-cafc-5a7c-42049a6b6ab4"
        ]
      },
      {
        "_id": "84a437db-6476-cafc-5a7c-42049a6b6ab4",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
    
... (truncated)