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

# Interface: InputStyles

## Hierarchy

- [`BlockElementStyles`](BlockElementStyles.md)

  ↳ **`InputStyles`**

  ↳↳ [`CheckableInputStyles`](CheckableInputStyles.md)

  ↳↳ [`TextInputStyles`](TextInputStyles.md)

## Table of contents

### Properties

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

## Properties

### active

• `Optional` **active**: [`BlockElementStyles`](BlockElementStyles.md)

___

### 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)

___

### disabled

• `Optional` **disabled**: [`BlockElementStyles`](BlockElementStyles.md)

___

### error

• `Optional` **error**: [`InputStyles`](InputStyles.md)

___

### focus

• `Optional` **focus**: [`BlockElementStyles`](BlockElementStyles.md)

___

### 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)

___

### hover

• `Optional` **hover**: [`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)