[**@bigcommerce/checkout-sdk**](../README.md)

***

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

# Interface: StepStyles

## Extends

- [`BlockElementStyles`](BlockElementStyles.md)

## Properties

### backgroundColor?

> `optional` **backgroundColor?**: `string`

#### Inherited from

[`BlockElementStyles`](BlockElementStyles.md).[`backgroundColor`](BlockElementStyles.md#backgroundcolor)

***

### borderColor?

> `optional` **borderColor?**: `string`

#### Inherited from

[`BlockElementStyles`](BlockElementStyles.md).[`borderColor`](BlockElementStyles.md#bordercolor)

***

### borderWidth?

> `optional` **borderWidth?**: `string`

#### Inherited from

[`BlockElementStyles`](BlockElementStyles.md).[`borderWidth`](BlockElementStyles.md#borderwidth)

***

### boxShadow?

> `optional` **boxShadow?**: `string`

#### Inherited from

[`BlockElementStyles`](BlockElementStyles.md).[`boxShadow`](BlockElementStyles.md#boxshadow)

***

### color?

> `optional` **color?**: `string`

#### Inherited from

[`BlockElementStyles`](BlockElementStyles.md).[`color`](BlockElementStyles.md#color)

***

### fontFamily?

> `optional` **fontFamily?**: `string`

#### Inherited from

[`BlockElementStyles`](BlockElementStyles.md).[`fontFamily`](BlockElementStyles.md#fontfamily)

***

### fontWeight?

> `optional` **fontWeight?**: `string`

#### Inherited from

[`BlockElementStyles`](BlockElementStyles.md).[`fontWeight`](BlockElementStyles.md#fontweight)

***

### icon?

> `optional` **icon?**: [`BlockElementStyles`](BlockElementStyles.md)

***

### letterSpacing?

> `optional` **letterSpacing?**: `string`

#### Inherited from

[`BlockElementStyles`](BlockElementStyles.md).[`letterSpacing`](BlockElementStyles.md#letterspacing)

***

### lineHeight?

> `optional` **lineHeight?**: `string`

#### Inherited from

[`BlockElementStyles`](BlockElementStyles.md).[`lineHeight`](BlockElementStyles.md#lineheight)