[@bigcommerce/checkout-sdk](../README.md) › [TextInputStyles](textinputstyles.md)

# Interface: TextInputStyles

## Hierarchy

  ↳ [InputStyles](inputstyles.md)

  ↳ **TextInputStyles**

## Index

### Properties

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

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

*Inherited from [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)*

___

### `Optional` placeholder

• **placeholder**? : *[InlineElementStyles](inlineelementstyles.md)*