There are no notes for this item.

<div class='c-dashboard-collection c-dashboard-block'>
    <header class='c-dashboard-block__header'>

        <h1 class='c-heading c-heading--minor c-dashboard-block__heading'>

            Dashboard block

        </h1>

        <div class='c-dashboard-block__header__actions'>
            <a class='c-button c-button--small c-dashboard-block__button' href="#">Take action</a>
        </div>

    </header>

    <div class='c-dashboard-block__content-wrapper'>

        <div class='c-dashboard-block__collection c-dashboard-block__collection__dashboard-block__collection'>
            <ul class='c-dashboard-block__collection__items c-activity__items u-list--unstyled'>

                <li class='c-dashboard-block__collection__items__item '>
                    <div class="c-activity-item c-dashboard-block__collection__activity-item">
                        <div class='c-activity-item__photo'>

                            <span class='u-photo c-headshot c-activity-item__headshot'>

                                <img class='c-headshot__image' src='/images/portrait.jpg' alt='' />

                            </span>

                        </div>

                        <div class='c-activity-item__content'>
                            <p class='c-meta c-activity-item__meta'>
                                21.06.2020, 09:32
                                |
                                <span class='c-tag c-tag--notice'>notice</span>
                                |
                                Finalist User
                            </p>

                            <div class='c-activity-item__text'>
                                Finalist User used one-time login link at time 1591959547.
                            </div>

                            <div class='c-activity-item__links'>

                                <a href='#'>View profile</a>

                            </div>

                        </div>
                    </div>
                </li>

            </ul>
        </div>

    </div>

    <footer class='c-dashboard-block__footer'>
        <div class='c-dashboard-block__links'>

            <a class='c-link' href="">View more</a>

        </div>
    </footer>

</div>
<div class='{{ get_component_class( 'dashboard-collection', display ) }} c-dashboard-block'>
    <header class='c-dashboard-block__header'>
        {% if heading %}
            {% include get_template( 'heading', 'unit' ) with heading|merge( { display: { component: 'dashboard-block', modifiers: [ 'minor' ] } } ) %}

            {% if button %}
                <div class='c-dashboard-block__header__actions'>
                    {% include get_template( 'button', 'base' ) with button|merge( { display: { component: 'dashboard-block', modifiers: [ 'small' ] } } ) %}
                </div>
            {% endif %}
        {% endif %}
    </header>
    
    <div class='c-dashboard-block__content-wrapper'>
        {% if collection %}
            {% include get_template( 'collection', 'group' ) with collection|merge( { 
                display: { component: 'dashboard-block__collection' },
            } ) %}
        {% elseif entities %}
            {% include get_template( 'entities', 'group' ) with entities|merge( { 
                display: { component: 'dashboard-block__entities' },
            } ) %}
        {% elseif taskList %}
            {% include get_template( 'task-list', 'unit' ) with taskList|merge( { 
                display: { component: 'dashboard-block' },
            } ) %}
        {% elseif blankSlate %}
            {% include get_template( 'blank-slate', 'unit' ) with blankSlate|merge( { 
                display: { component: 'dashboard-block' },
                button: NULL
            } ) %}
        {% endif %}
    </div>

    {% if links %}
        <footer class='c-dashboard-block__footer'>
            <div class='c-dashboard-block__links'>
                {% for link in links %}
                    {% include get_template( 'link', 'base' ) with link %}
                {% endfor %}
            </div>
        </footer>
    {% endif %}
</div>
{
  "heading": {
    "text": "Dashboard block"
  },
  "button": {
    "text": "Take action",
    "url": "#"
  },
  "icon": {
    "display": {
      "component": "dashboard-block",
      "modifiers": [
        "x-large"
      ]
    },
    "basename": "noun_Quality badge_1353889.svg"
  },
  "blankSlate": {
    "icon": {
      "display": {
        "component": "blank-slate",
        "modifiers": [
          "x-large"
        ]
      },
      "basename": "noun_Quality badge_1353889.svg"
    },
    "header": {
      "heading": {
        "display": {
          "component": "blank-slate"
        },
        "text": "Meetings"
      }
    },
    "lead": {
      "content": "<p>A blank slate is presented when a screen or a screen section is empty.</p>"
    }
  },
  "collection": {
    "display": {
      "itemTemplate": "unit/activity-item/activity-item",
      "listClass": [
        "c-activity__items",
        "u-list--unstyled"
      ],
      "itemClass": [
        ""
      ]
    },
    "items": [
      {
        "timestamp": "21.06.2020, 09:32",
        "type": {
          "display": {
            "modifiers": [
              "notice"
            ]
          },
          "text": "notice"
        },
        "message": "Finalist User used one-time login link at time 1591959547.",
        "user_name": "Finalist User",
        "headshot": {
          "display": {
            "component": "activity-item"
          },
          "src": "/images/portrait.jpg"
        },
        "links": [
          "<a href='#'>View profile</a>"
        ]
      }
    ]
  },
  "links": [
    {
      "url": "#",
      "text": "View more"
    }
  ]
}