Card component

A card is a versatile content container used to visually separate and organize distinct sections within your layout. It helps to group related information, making your dashboard or page easier to read and navigate. Use the card component whenever you want to highlight or isolate content in a clean and structured manner.

{% load i18n unfold %}

{% trans "Card component title" as custom_title %}

{% capture as custom_action %}
    {% component "unfold/componentes/button.html" %}
        Do something
    {% endcomponent}
{% endcapture %}

{% component "unfold/components/card.html" with title=custom_title action=custom_action %}
    Children elements here
{% endcomponent %}