warning

Hey there! This is the Uniform version 3 documentation site. If you’re looking for version 4, go here instead.

logomark

Resources

February 2020 Release

/

Buttons

keyboardshortcuts
d
Design
c
Code
,
Previous Section
.
Next Section
/
Toggle Preview Environment
[
Previous Platform
]
Next Platform
command + ↑
Scroll to Top
command + ↓
Scroll to Bottom

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);
View Source

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);
View Source

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);
View Source

Parameters

$size

list-map value

Default value: medium

Pass one of the following values:

  • xsmall
  • small
  • medium
  • large

Disabled

@include button-disabled($style);
View Source

Parameters

$style

string

Default value: regular

Pass one of two values:

  • regular
  • minimal