Page Kit
x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="pk-c-subtitle">
  <div class="pk-c-subtitle__container">
    <div class="ui-subtitle">
      <div class="ui-subtitle__container">
        <h2 class="ui-subtitle__title">Hear from the Community</h2>
        <p class="ui-subtitle__text">Meet the next generation of digital makers who are using technology to shape the world around them, and the educators who are teaching them.</p>
        <div class="ui-subtitle__links">
          <a class="rpf-button" href="/primary-cta">Primary Button</a>
          <a class="rpf-button--secondary rpf-button" href="/secondary-cta">Secondary Button</a>
        </div>
      </div>
    </div>
  </div>
</div>
1
2
3
4
5
6
7
8
9
primary_link = primary_cta ? { href: primary_href, label: primary_label } : nil
secondary_link = secondary_cta ? { href: secondary_href, label: secondary_label } : nil
c('site/subtitle', {
    title:,
    text:,
    primary_cta: primary_link,
    secondary_cta: secondary_link
  })

No notes provided.

Param Description Input

The title of the component

The description of the component

Whether to show the primary CTA

The URL for the primary CTA

The label for the primary CTA

Whether to show the secondary CTA

The URL for the secondary CTA

The label for the secondary CTA