Spreadsheet Superfilter Card

The Spreadsheet Superfilter Card component provides a card in a spreadsheet superfilter listing.

Sample Course Title 1

ACT 499R/599R: Machine Learning

If you are a business leader, you need to understand the financial implications of your decisions. This course will strengthen your practical understanding of leveraging machine learning to interpret accounting information.
See Details
Area Accounting
Program MBA
AI Literacy Level TBD
Tags Tag 1, Tag 2, Tag 3
Faculty Lyle, Matt
Markup Details
                            {{ attach_library('goizueta_theme/spreadsheet-superfilter-card') }}
{% if cta_text %}
  {% set cta_link %}
    <a class="spreadsheet-superfilter-card__cta-button" href="{{ destination_url }}" target="_blank"
      {% if cta_508_title %}
        title="{{ cta_508_title }}"
      {% endif %}>
      {{ cta_text }}
    </a>
  {% endset %}
{% elseif destination_url %}
  {% set card_outer_link %}
    <a class="spreadsheet-superfilter-card__link" href="{{ destination_url }}" target="_blank"
      {% if cta_508_title %}
        title="{{ cta_508_title }}"
      {% endif %}
    >
  {% endset %}
{% endif %}
<article class="spreadsheet-superfilter-card{{ classes|default('') }}"{% if data %}
  {% for attr,value in data %}
    data-{{ attr }}="{{ value }}"
  {% endfor %}
{% endif %}>
  {% if card_outer_link %}
    {{ card_outer_link }}
  {% endif %}
  <div class="spreadsheet-superfilter-card__wrapper">
    <div class="spreadsheet-superfilter-card__inner">
      <h2 class="spreadsheet-superfilter-card__headline">{{ headline }}</h2>
      {% if subheadline %}
        <h3 class="spreadsheet-superfilter-card__subheadline">{{ subheadline }}</h3>
      {% endif %}
      {% if body %}
        <div class="spreadsheet-superfilter-card__body">{{ body }}</div>
      {% endif %}
      {% if cta_text %}
        {{ cta_link }}
      {% endif %}
      {% if bottom_fields %}
        <table class="spreadsheet-superfilter-card__classifications">
          {% for field in bottom_fields %}
            <tr>
              <td><strong>{{ field.label }}</strong></td>
              <td>
                {% for value in field.values %}
                  {{ value }}{% if not loop.last %}, {% endif %}
                {% endfor %}
              </td>
            </tr>
          {% endfor %}
        </table>
      {% endif %}
    </div>
  </div>
  {% if card_outer_link %}
  </a>
  {% endif %}
</article>