buttonBase

Type: Function

How to get buttonBase?

JavaScript

import { buttonBase } from 'fds/system';

A styling mixin used for creating the basis for a button (like) component.

Arguments

  1. isFullWidth

    (Required)

    Type: Boolean

    Whether or not the button should stretch to the available width.

  2. paddingSizeHorizontal

    (Required)

    Type: String | Number

    The amount of padding-right and padding-left rendered by the component.

    This should be a either, A single size value, one of the following values:

    • 0 (zero, no padding at all)

    • 's' (small)

    • 'm' (medium)

    • 'l' (large) to set the paddingSize for the right and left side to a single shared value.

    Default value

  3. height

    (Required)

    Default value

Returns

Type: String

A style rule resulting in a generated class name on the element.

Generally created using fds/system/applyCss and/or any styling utility provided by FDS.