Odyssey styleguide

Button Large

Toggle example guides Toggle HTML markup

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