[@bigcommerce/checkout-sdk](../README.md) › [ButtonStyles](buttonstyles.md)

# Interface: ButtonStyles

## Hierarchy

  ↳ [BlockElementStyles](blockelementstyles.md)

  ↳ **ButtonStyles**

## Index

### Properties

* [active](buttonstyles.md#optional-active)
* [backgroundColor](buttonstyles.md#optional-backgroundcolor)
* [borderColor](buttonstyles.md#optional-bordercolor)
* [borderWidth](buttonstyles.md#optional-borderwidth)
* [boxShadow](buttonstyles.md#optional-boxshadow)
* [color](buttonstyles.md#optional-color)
* [disabled](buttonstyles.md#optional-disabled)
* [focus](buttonstyles.md#optional-focus)
* [fontFamily](buttonstyles.md#optional-fontfamily)
* [fontWeight](buttonstyles.md#optional-fontweight)
* [hover](buttonstyles.md#optional-hover)
* [letterSpacing](buttonstyles.md#optional-letterspacing)
* [lineHeight](buttonstyles.md#optional-lineheight)

## Properties

### `Optional` active

• **active**? : *[BlockElementStyles](blockelementstyles.md)*

___

### `Optional` backgroundColor

• **backgroundColor**? : *undefined | string*

*Inherited from [BlockElementStyles](blockelementstyles.md).[backgroundColor](blockelementstyles.md#optional-backgroundcolor)*

___

### `Optional` borderColor

• **borderColor**? : *undefined | string*

*Inherited from [BlockElementStyles](blockelementstyles.md).[borderColor](blockelementstyles.md#optional-bordercolor)*

___

### `Optional` borderWidth

• **borderWidth**? : *undefined | string*

*Inherited from [BlockElementStyles](blockelementstyles.md).[borderWidth](blockelementstyles.md#optional-borderwidth)*

___

### `Optional` boxShadow

• **boxShadow**? : *undefined | string*

*Inherited from [BlockElementStyles](blockelementstyles.md).[boxShadow](blockelementstyles.md#optional-boxshadow)*

___

### `Optional` color

• **color**? : *undefined | string*

*Inherited from [BlockElementStyles](blockelementstyles.md).[color](blockelementstyles.md#optional-color)*

___

### `Optional` disabled

• **disabled**? : *[BlockElementStyles](blockelementstyles.md)*

___

### `Optional` focus

• **focus**? : *[BlockElementStyles](blockelementstyles.md)*

___

### `Optional` fontFamily

• **fontFamily**? : *undefined | string*

*Inherited from [BlockElementStyles](blockelementstyles.md).[fontFamily](blockelementstyles.md#optional-fontfamily)*

___

### `Optional` fontWeight

• **fontWeight**? : *undefined | string*

*Inherited from [BlockElementStyles](blockelementstyles.md).[fontWeight](blockelementstyles.md#optional-fontweight)*

___

### `Optional` hover

• **hover**? : *[BlockElementStyles](blockelementstyles.md)*

___

### `Optional` letterSpacing

• **letterSpacing**? : *undefined | string*

*Inherited from [BlockElementStyles](blockelementstyles.md).[letterSpacing](blockelementstyles.md#optional-letterspacing)*

___

### `Optional` lineHeight

• **lineHeight**? : *undefined | string*

*Inherited from [BlockElementStyles](blockelementstyles.md).[lineHeight](blockelementstyles.md#optional-lineheight)*