Title & Button Row 

<div class="title-button-row" data-module="titleButtonRow">
    <div class="grid-container">
        <div class="grid-x">
            <div class="cell">
                <h2 class="title-button-row__title">Accessing and deleting your data</h2>
                <p class="title-button-row__subtitle">Request access to data that Tourism Ireland holds on you</p>
            </div>
        </div>
        <div class="title-button-row__buttons">
            <a href="#" class="button-p1 button-p1--with-icon js-data-request-button " role="button">Request access to data</a>
            <a href="#" class="button-p1 button-p1--with-icon js-data-deletion-button " role="button">Request deletion to data</a>
        </div>
    </div>
</div>
 
<div class="title-button-row" data-module="titleButtonRow">
        <div class="grid-container">
            <div class="grid-x">
                <div class="cell">
                    <h2 class="title-button-row__title">{{{title}}}</h2>
                    <p class="title-button-row__subtitle">{{{subtitle}}}</p>
                </div>
            </div>
            {{#if buttons}}
                <div class="title-button-row__buttons">
                    {{#each buttons}}
                        {{> @cp-button-primary url=url text=text modifier="with-icon" cssClasses=cssClasses }}
                    {{/each}}
                </div>
            {{/if}}
        </div>
</div>
 
{
  "title": "Accessing and deleting your data",
  "subtitle": "Request access to data that Tourism Ireland holds on you",
  "buttons": [
    {
      "url": "#",
      "text": "Request access to data",
      "cssClasses": "js-data-request-button"
    },
    {
      "url": "#",
      "text": "Request deletion to data",
      "cssClasses": "js-data-deletion-button"
    }
  ]
}

There are no notes for this item.