{% capture api %} Return HTML markup for a card, optional parameters are `header`, `title`, `text`, `footer` and `classes`. - **Usage** ```liquid {% raw %}{% include components/card.html %}{% endraw %} ``` ```liquid {% raw %}{% include components/card.html title=title header=header body=text footer=footer classes=classes %}{% endraw %} ``` - **Return** ```html
{% raw %}{{ include.header }}{% endraw %}

{% raw %}{{ include.title }}{% endraw %}

{% raw %}{{ include.body | strip | markdownify }}{% endraw %}
``` - **Include** #### `header` - **Type:** string - **Optional:** yes - **Description:** The card header #### `title` - **Type:** string - **Optional:** yes - **Description:** The card title inside `.card-body` #### `body` - **Type:** markdown - **Optional:** yes - **Description:** The content of the `.card-text` #### `footer` - **Type:** markdown - **Optional:** yes - **Description:** The content of the `.card-footer` #### `classes` - **Type:** string - **Optional:** yes - **Description:** Additional card css classes - **Example values:** - `text-center text-right`: text alignment - `text-white`: text color - `w-25 w-50 w-75 w-100`: width - `bg-dark`: background color - `border-info`: border color {% endcapture %} {% include api/save.html %}
{% if include.image %} Card image cap{% endif %}{% if include.header %}
{{ include.header }}
{% endif %}{% if include.before_body %} {{ include.before_body | strip | markdownify }}{% endif %}
{% if include.title %}

{{ include.title }}

{% endif %}{% if include.body %} {{ include.body | strip | markdownify }}{% endif %}
{% if include.after_body %} {{ include.after_body | strip | markdownify }}{% endif %}{% if include.footer %} {% endif %}