Elements

<Buttons />

Basic Usage

<Button>
   Submit
</Button>
show example code

Variants

Disabled
Button appear light grey and cursor changes to a disabled icon on hover.

  • disabled=true
<Button disabled='true'>
   Save
</Button>

Definitions

{
  button:{
    border:{
      radius:'3px',
      width:'1px',
    },
    width:{
      min:'104px',
      max:'200px',
    },
    height:'48px',
    padding:'0 24px',
  }
}

Tokens

@mixin button {
  // returns <button> context
}