<div class="buttons-component buttons-component--medium">
<div class="buttons-component__group">
</div>
<div class="buttons-component__text buttons-component--light">
<p><strong>Applications due</strong> by January 7, 2025</p>
</div>
</div>
<div class="buttons-component buttons-component--{{ componentSpacing|default('medium') }}">
<div class="buttons-component__group">
{% for button in component.links %}
{% include 'bits/standard-button/standard-button.twig' with {
button: {
type: button.style|default('primary'),
icon: button.icon|default('internal-link'),
text: button.text,
url: button.url,
}
} %}
{% endfor %}
</div>
{% if component.text %}
<div class="buttons-component__text buttons-component--{{ background }}">
{{ component.text }}
</div>
{% endif %}
</div>
{
"siteUnit": "music",
"departmentName": "Music",
"background": "light",
"component": {
"type": "buttons",
"text": "<p><strong>Applications due</strong> by January 7, 2025</p>",
"buttons": [
{
"icon": "right-chevron",
"text": "Apply now",
"url": "#",
"type": "primary"
},
{
"icon": null,
"text": "Learn more",
"url": "#",
"type": "secondary"
},
{
"icon": "external-link",
"text": "Contact us",
"url": "#",
"type": "tertiary"
}
],
"background": "light"
}
}
.buttons-component
margin-top 1.2rem
&__group
display flex
flex-wrap wrap
gap 1rem
&__text
@extends $richText
margin-top 1rem
&--dark
@extends $richTextOnDark
There are no notes for this item.