# Button

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Mi eget mauris pharetra et ultrices neque ornare.

# demo

# Colors

<button class="button primary-button " >button primary</button>
<button class="button secondary-button" >button secondary</button>
<button class="button dark-button" >button dark</button>
<button class="button default-button" >button default</button>
<button class="button link-button">button link</button>
# Sizes

Larger or smaller buttons? Add .is-large or .is-small for additional sizes.

<p class="demo flex fy-center">
    <button class="button primary-button is-large" >large button</button>
    <button class="button default-button is-large" >large button</button>
</p>


<p class="demo flex fy-center">
    <button class="button primary-button is-small" >small button</button>
    <button class="button default-button is-small" >small button </button>
</p>

# Block buttons

# Code

<button class="button secondary-button block-button" >full button</button>

← Inputs →