Methodist University Component Library

Categories 

<!-- Categories -->
<div class="categories">
    <div class="fs-row">
        <div class="fs-cell fs-lg-8 fs-lg-justify-center">
            <div class="categories_header">Tags</div>
            <ul class="categories_list" aria-label="Categories">
                <li class="categories_item_category">
                    <a class="categories_item_category_link" href="#">Apply</a>
                </li>
                <li class="categories_item_category">
                    <a class="categories_item_category_link" href="#">Request Information</a>
                </li>
                <li class="categories_item_category">
                    <a class="categories_item_category_link" href="#">Plan Your Visit</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- END: Categories -->
 
{#
	{% include '@component-call-to-action' with {
		description: 'Description',
		link: {
			url: '#',
			label: 'Link',
			aria: 'aria',
			icon: ''
		}
	} %}
#}

<!-- Categories -->
<div class="categories">
	<div class="fs-row">
		<div class="fs-cell fs-lg-8 fs-lg-justify-center">
			<div class="categories_header">{{ title }}</div>
			<ul class="categories_list" aria-label="Categories">
				{% for category in categories %}
					<li class="categories_item_category">
						<a class="categories_item_category_link" href="{{ category.url }}">{{ category.label }}</a>
					</li>
				{% endfor %}
			</ul>
		</div>
	</div>
</div>
<!-- END: Categories -->

No notes defined.