[@bigcommerce/checkout-sdk](../README.md) › [StepStyles](stepstyles.md)

# Interface: StepStyles

## Hierarchy

  ↳ [BlockElementStyles](blockelementstyles.md)

  ↳ **StepStyles**

## Index

### Properties

* [backgroundColor](stepstyles.md#optional-backgroundcolor)
* [borderColor](stepstyles.md#optional-bordercolor)
* [borderWidth](stepstyles.md#optional-borderwidth)
* [boxShadow](stepstyles.md#optional-boxshadow)
* [color](stepstyles.md#optional-color)
* [fontFamily](stepstyles.md#optional-fontfamily)
* [fontWeight](stepstyles.md#optional-fontweight)
* [icon](stepstyles.md#optional-icon)
* [letterSpacing](stepstyles.md#optional-letterspacing)
* [lineHeight](stepstyles.md#optional-lineheight)

## Properties

### `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` 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` icon

• **icon**? : *[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)*