Branding & Style Guide

2.20 components.termreference Term Reference

Toggle example guides Toggle HTML markup

Layout and styling of taxonomy term references in organized content types

Markup: components/termreference/termreference.twig
<div class="field--name-field-topics">
	<div class="field__label">{{term_type_title}}</div>
	<div class="field__items">
		<div class="field__item"><a href="#">{{taxonomy_term_01}}</a></div>
		<div class="field__item"><a href="#">{{taxonomy_term_02}}</a></div>
		<div class="field__item"><a href="#">{{taxonomy_term_03}}</a></div>
		<div class="field__item"><a href="#">{{taxonomy_term_04}}</a></div>
		<div class="field__item"><a href="#">{{taxonomy_term_05}}</a></div>
		<div class="field__item"><a href="#">{{taxonomy_term_06}}</a></div>
	</div>
</div>
Source: sass/components/termreference/_termreference.scss, line 1