Odyssey styleguide

Button Small

Toggle example guides Toggle HTML markup

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