{%- extends "theming/base_component.html" -%}

{%- block overview -%}

    <p>
        The <code>card</code> component provides a self-contained container for related
        content, typically featuring a header, body, and optional footer. Cards are
        versatile containers that can display various types of content including text,
        images, buttons, and other components. They provide visual separation from
        surrounding content and create a consistent appearance for similar content
        blocks.
    </p>

{%- endblock %}