Definition

The definition component can be used as a stand-alone version of the definition list molecule. It is mainly used to display the output of a form or as a key value pair.

Default

px 
<div class="a-defintion ">
	<span class="a-definition__term">Opleidingstype</span>
	<div class="a-definition__description">
		<p>Klassikaal</p>
	</div>
</div>

Horizontal

px 
<div class="a-defintion a-definition--horizontal">
	<span class="a-definition__term">Opleidingstype</span>
	<div class="a-definition__description">
		<p>Klassikaal</p>
	</div>
</div>

Documentation

Modifiers

  • a-definition--horizontal

    Display the definition component horizontally, by placing the description right next to the term instead of the default component where everything is placed underneath each other.