Odyssey styleguide

Card with labels

Toggle example guides Toggle HTML markup

<insert-markup>components.card.labels-</insert-markup>
Card header
55 credits 5.5 seconds

Some content

Markup 
<div class="odyssey-card">
	<h5 class="odyssey-card__header">Card header</h5>
	<span class="odyssey-card__labels">
		<span class="odyssey-label odyssey-label_info">55 credits</span>
		<span class="odyssey-label odyssey-label_success">5.5 seconds</span>
	</span>
	<p>Some content</p>
</div>
Source: src/components/card.less, line 72