Page Kit
x
1
2
3
4
5
6
7
8
9
<div class="pk-c-callout-block">
  <div class="pk-c-callout-block__wrapper">
    <div class="pk-c-callout-block__callout">
      <h3>A sample heading</h3>
      <p>Sesame snaps marzipan dragée cotton candy tootsie roll. Pastry gingerbread jelly-o pastry topping cake toffee. Cookie jelly beans brownie cookie sesame snaps chocolate bar bear claw.</p>
      <a data-event-category="Category" data-event-label="Label" data-event-action="click" class="rpf-button" href="https://google.com">Download free PDF<span class="rpf-button__icon material-symbols-sharp">open_in_new</span></a>
    </div>
  </div>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
c(
  'site/callout_block',
  heading:,
  text:
    ActiveSupport::SafeBuffer.new(
      text
    ),
  cta: {
    href:,
    label:,
    attrs: {
      data: {
        event_category: 'Category',
        event_label: 'Label',
        event_action: 'click'
      }
    }
  }
)

No notes provided.

Param Description Input

The heading

HTML content for the text block

The URL for the CTA

The text for the CTA button