Odyssey styleguide

Label

Toggle example guides Toggle HTML markup

Used to indicate state or give context

<insert-markup>components.label-</insert-markup>
Label
.odyssey-label--outlined
outlined black label
<insert-markup>components.label-0</insert-markup>
Label
.odyssey-label--warn
Warning label
<insert-markup>components.label-1</insert-markup>
Label
.odyssey-label--error
Error label
<insert-markup>components.label-2</insert-markup>
Label
.odyssey-label--info
Info label
<insert-markup>components.label-3</insert-markup>
Label
.odyssey-label--success
Succes label
<insert-markup>components.label-4</insert-markup>
Label
.odyssey-label--attention
Succes label
<insert-markup>components.label-5</insert-markup>
Label
.odyssey-label--closable
Close label
<insert-markup>components.label-6</insert-markup>
Label
Markup 
<span class="odyssey-label [modifier class]">Label</span>
Source: src/components/labels.less, line 1