zurb-foundation-5/doc/includes/buttons/examples_buttons_custom_mixin.html

Foundation 5 for npm (no code modification from original repo)

{{#markdown}}
```scss
// Using the available options
.custom-button-class {
  @include button(
    // $padding - Used to build padding for buttons Default: $button-med or rem-calc(12)
    $padding,
    // Primary color set in settings file. Default: $primary-color.
    $bg,
    // If true, set to button radius which is $global-radius or explicitly set radius amount in px (ex. $radius:10px). Default:false.
    $radius,
    // We can set $full-width:true to remove side padding extend width. Default:false
    $full-width,
    // We can set $disabled:true to create a disabled transparent button. Default:false
    $disabled,
    // $is-input - <input>s and <button>s take on strange padding. We added this to help fix that. Default:false
    $is-input
  );
}

```
{{/markdown}}