[@bigcommerce/checkout-sdk](../README.md) › [CheckableInputStyles](checkableinputstyles.md)

# Interface: CheckableInputStyles

## Hierarchy

  ↳ [InputStyles](inputstyles.md)

  ↳ **CheckableInputStyles**

## Index

### Properties

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

## Properties

### `Optional` active

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

*Inherited from [CheckableInputStyles](checkableinputstyles.md).[active](checkableinputstyles.md#optional-active)*

___

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

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

___

### `Optional` color

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

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

___

### `Optional` disabled

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

*Inherited from [CheckableInputStyles](checkableinputstyles.md).[disabled](checkableinputstyles.md#optional-disabled)*

___

### `Optional` error

• **error**? : *[InputStyles](inputstyles.md)*

*Overrides [InputStyles](inputstyles.md).[error](inputstyles.md#optional-error)*

___

### `Optional` focus

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

*Inherited from [CheckableInputStyles](checkableinputstyles.md).[focus](checkableinputstyles.md#optional-focus)*

___

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

*Inherited from [CheckableInputStyles](checkableinputstyles.md).[hover](checkableinputstyles.md#optional-hover)*

___

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