<div class="flex flex-col space-y-6 p-8">
<div class="push push-danger">
<svg class="push-svg shrink-0" width="32" height="32" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg>
<div class="flex flex-col flex-grow">
<span class="text-body-base font-bold">
Danger
</span>
<span class="text-body-base">
description here
</span>
</div>
<button type="button" aria-label="Label text" class=" btn btn-danger btn-simple btn-size-md btn-only-icon">
<svg class=" shrink-0" width="24" height="24" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M6 18 18 6M6 6l12 12" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg>
</button>
</div>
<div class="push push-success">
<svg class="push-svg shrink-0" width="32" height="32" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg>
<div class="flex flex-col flex-grow">
<span class="text-body-base font-bold">
Success
</span>
<span class="text-body-base">
description here
</span>
</div>
<button type="button" aria-label="Label text" class=" btn btn-success btn-simple btn-size-md btn-only-icon">
<svg class=" shrink-0" width="24" height="24" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M6 18 18 6M6 6l12 12" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg>
</button>
</div>
<div class="push push-warning">
<svg class="push-svg shrink-0" width="32" height="32" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg>
<div class="flex flex-col flex-grow">
<span class="text-body-base font-bold">
Warning
</span>
<span class="text-body-base">
description here
</span>
</div>
<button type="button" aria-label="Label text" class=" btn btn-warning btn-simple btn-size-md btn-only-icon">
<svg class=" shrink-0" width="24" height="24" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M6 18 18 6M6 6l12 12" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg>
</button>
</div>
<div class="push push-info">
<svg class="push-svg shrink-0" width="32" height="32" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg>
<div class="flex flex-col flex-grow">
<span class="text-body-base font-bold">
Info
</span>
<span class="text-body-base">
description here
</span>
</div>
<button type="button" aria-label="Label text" class=" btn btn-info btn-simple btn-size-md btn-only-icon">
<svg class=" shrink-0" width="24" height="24" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M6 18 18 6M6 6l12 12" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg>
</button>
</div>
<div class="push push-corpo">
<svg class="push-svg shrink-0" width="32" height="32" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg>
<div class="flex flex-col flex-grow">
<span class="text-body-base font-bold">
Corporate
</span>
<span class="text-body-base">
description here
</span>
</div>
<button type="button" aria-label="Label text" class=" btn btn-corpo btn-simple btn-size-md btn-only-icon">
<svg class=" shrink-0" width="24" height="24" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M6 18 18 6M6 6l12 12" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg>
</button>
</div>
</div>
<div class="flex flex-col space-y-6 p-8">
{% for push in pushes %}
{% render "@template-push" with {color: push.color, title: push.title, description: push.description, icon: push.icon} %}
{% endfor %}
</div>
{
"color": "corpo",
"pushes": [
{
"color": "danger",
"title": "Danger",
"description": "description here",
"icon": {
"name": "heroicons--user-outline"
}
},
{
"color": "success",
"title": "Success",
"description": "description here",
"icon": {
"name": "heroicons--user-outline"
}
},
{
"color": "warning",
"title": "Warning",
"description": "description here",
"icon": {
"name": "heroicons--user-outline"
}
},
{
"color": "info",
"title": "Info",
"description": "description here",
"icon": {
"name": "heroicons--user-outline"
}
},
{
"color": "corpo",
"title": "Corporate",
"description": "description here",
"icon": {
"name": "heroicons--user-outline"
}
}
]
}
No notes defined.