Page Kit
x
1
2
3
4
5
6
7
8
9
<div class="c-link-card">
  <img alt="Alt Text" width="800" height="400" srcset="https://static.raspberrypi.org/wallpaper/road.jpg 2x" src="https://static.raspberrypi.org/wallpaper/islands.jpg" />
  <div class="c-link-card__content">
    <h3>
      <a data-event-category="Category" data-event-label="Label" data-event-action="click" href="https://google.com">Visit Link</a>
    </h3>
    Cupcake ipsum dolor. Sit amet marshmallow topping cheesecake muffin. Halvah croissant candy canes bonbon candy. 
  </div>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
c(
  'site/link_card',
  {
    copy:,
    image: {
      alt: 'Alt Text',
      width: 800,
      height: 400,
      src: random_image_src,
      srcset: {
        "#{random_image_src}": '2x'
      }
    },
    link: {
      href:,
      label:,
      attrs: {
        data: {
          event_category: 'Category',
          event_label: 'Label',
          event_action: 'click'
        }
      }
    }
  }
)

No notes provided.