Toc item

The TOC item is a component that is used in the Toc component which can be placed on several page templates but mostly on an article detail.

Default

px

			
				<a href="#" class="c-toc-item ">
	<span class="c-toc-item__text">Omschrijving</span>
	<div class="c-icon c-toc-item__icon">
		<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
			<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5999 0H10.64V16.6397L4.80012 10.7999L2 13.6L12.4 24L22.8 13.6L19.9998 10.7999L14.5999 16.1998V0Z" />
		</svg>
	</div>
</a>
			

		

Documentation

Modifiers

  • c-toc-item--top

    Rotates the toc item icon -180 degrees, making it point up.

  • c-toc-item--right

    Rotates the toc item icon -90 degrees, making it point right.

  • c-toc-item--bottom

    Rotates the toc item icon 0 degrees, making it point down.