Design Seeds Boiler - Component Library

Card: Theme 

<div class="card card-theme ">
    <div class="card__img">
        <img src="https://picsum.photos/370/280">
    </div>
    <div class="card__details">
        <h3 class="card__heading">Title</h3>

    </div>
    <div class="card__btm">
        <button class="btn btn--alt btn--icon ">
            View project

            <svg viewBox="0 0 20 20" class="a-icon__svg svg-icon__arrow-dims">
                <use xlink:href="#icon__arrow"></use>
            </svg>

        </button>
    </div>
</div>
 
<div class="card card-theme {{ class }}">
    <div class="card__img">
        <img src="https://picsum.photos/370/280">
    </div>
    <div class="card__details">
        <h3 class="card__heading">{{ name | default('Title') }}</h3>

        {% if description %}
        <p class="card__description">{{ description }}</p>
        {% endif %}
    </div>
    <div class="card__btm">
        {% render "@button--default" with {classess:'btn--alt btn--icon', icon: '@icon--icon__arrow', 'svgsize':'a-icon__svg--x2', 'name' : 'View project'} %}

    </div>
</div>
 
/* No context defined. */

No notes defined.