Resources

Buttons

These snippets can help with whatever type, style and size you need to create.

Web
React Native
Android
Apple
Other

Button

Used to create standard buttons.

@include button($variant);

Parameters

$variant

list-map value

Default value: secondary

Pass one of the following values:

  • primary
  • secondary
  • subtle
  • destroy
  • confirm
  • cancel
  • disabled

Minimal

@include button-minimal($variant);

Parameters

$variant

list-map value

Default value: secondary

Pass one of the following values:

  • primary
  • secondary
  • subtle
  • destroy
  • success
  • cancel
  • disabled

Size

@include button-size($size);

Parameters

$size

list-map value

Default value: medium

Pass one of the following values:

  • small
  • medium
  • large

Disabled

@include button-disabled($style);

Parameters

$style

string

Default value: regular

Pass one of two values:

  • regular
  • minimal