Default @info
<div class="info">
<p class="info__text"><svg class="icon icon--stopwatch" viewBox="0 0 200 200">
<use xlink:href="#icon-stopwatch"></use>
</svg>Die Bewerbungsfrist endet am 31.3.2020. <a class="link link--external" href="#" target="_blank" rel="noopener noreferrer">Jetzt informieren und bewerben</a></p>
</div>
{
"text": [
"+include('@icon', { icon: 'stopwatch' })\n| Die Bewerbungsfrist endet am 31.3.2020. #[a.link.link--external(href='#', target='_blank', rel='noopener noreferrer') Jetzt informieren und bewerben]\n"
]
}
Info condensed @info--condensed
<div class="info info--condensed">
<p class="info__text"><svg class="icon icon--stopwatch" viewBox="0 0 200 200">
<use xlink:href="#icon-stopwatch"></use>
</svg>Die Bewerbungsfrist endet am 31.3.2020. <a class="link link--external" href="#" target="_blank" rel="noopener noreferrer">Jetzt informieren und bewerben</a></p>
</div>
{
"text": [
"+include('@icon', { icon: 'stopwatch' })\n| Die Bewerbungsfrist endet am 31.3.2020. #[a.link.link--external(href='#', target='_blank', rel='noopener noreferrer') Jetzt informieren und bewerben]\n"
],
"condensed": true
}