{%- comment -%} **Parameters title(required): Title of the card title_type: Determines size of the title icon_content: Used to generate content of dx-card-icon icon_outlined: Make icon_content outlined if icon_content is material-icon icon_svg: Handles value of icon_content as a reference to a svg-file no_icon: Hides dx-card-icon text: Text content of the card horizontal: Used when dx-card-horizontal is needed to(required): Url to the page to be directed to on click type: sdk | module - Empty type result in default card styling {%- endcomment -%} {% assign title_type = include.title_type | default: 'h4', %} {% assign icon_content = include.icon_content %} {% assign icon_outlined = include.icon_outlined | default: false %} {% assign icon_svg = include.icon_svg | default: false %} {% assign no_icon = include.no_icon | default: false %} {% assign text = include.text %} {% assign horizontal = include.horizontal | default: false %} {% assign to = include.to %} {% assign disabled = include.disabled %} {% if include.type %} {% assign type = include.type %} {% assign type_class = 'dx-card-' | append: type %} {% else %} {% assign type_class = '' %} {% endif %} {% unless icon_svg %} {% if icon_content contains '/' or icon_content contains '.svg' %} {% assign icon_svg = true %} {% endif %} {% endunless %} {% assign card_class = 'dx-card ' | append: type_class | strip %} {% if horizontal %} {% assign card_class = card_class | append: ' dx-card-horizontal' | strip %} {% endif %} {% if disabled %} {% assign card_class = card_class | append: ' dx-card-disabled' | strip %} {% assign card_tag = 'span' %} {% else %} {% assign card_tag = 'a' %} {% capture card_attributes %}href="{{ to }}"{% endcapture %} {% endif %} <{{ card_tag }} {{ card_attributes }} class="{{ card_class }}"> {% if icon_svg %} {% include {{ icon_content }} %} {% else %} {{ icon_content }} {% endif %} {{ include.title }} {{ text | markdownify }} {% unless disabled %} arrow_forward {% endunless %}