Button

Commonly used button.

Standart:

Default
Primary
Success
Warning
Light
Example:

  <div class="button button-default">Default</div>
  <div class="button button-primary">Primary</div>
  <div class="button button-success">Success</div>
  <div class="button button-warning">Warning</div>
  <div class="button button-light">Light</div>

Round:

Default
Primary
Success
Warning
Light
Example:

  <div class="button button--round button-default">Default</div>
  <div class="button button--round button-primary">Primary</div>
  ...

Plain:

Default
Primary
Success
Warning
Light
Example:

  <div class="button button--plain button-default">Default</div>
  <div class="button button--plain button-primary">Primary</div>
  ...

Disabled:

Default
Primary
Success
Warning
Light
Example:

  <div class="button button-default button--disable" disabled>Default</div>
  <div class="button button-primary button--disable" disabled>Primary</div>
  ...

Big:

Default
Primary
Success
Warning
Light
Example:

  <div class="button button--big button-default">Default</div>
  <div class="button button--big button-primary">Primary</div>
  ...

Large:

Default
Primary
Success
Warning
Light
Example:

  <div class="button button--large button-default">Default</div>
  <div class="button button--large button-primary">Primary</div>
  ....