Odyssey styleguide

Button

Toggle example guides Toggle HTML markup

<insert-markup>components.button-</insert-markup>
link button
.odyssey-button--primary
Primary button
<insert-markup>components.button-0</insert-markup>
link button
.odyssey-button--secondary
Secondary button
<insert-markup>components.button-1</insert-markup>
link button
.odyssey-button--links
Link button
<insert-markup>components.button-2</insert-markup>
link button
.odyssey-button--error
Error Button
<insert-markup>components.button-3</insert-markup>
link button
.odyssey-button--accent
Accent Button
<insert-markup>components.button-4</insert-markup>
link button
Markup 
<a class="odyssey-button [modifier class]">link button</a>
<button class="odyssey-button [modifier class]">Button</button>
<button class="odyssey-button [modifier class]" disabled>Button</button>
Source: src/components/button.less, line 56