---
name: Input Action
menu: Patterns
parent: Modules
route: /patterns/input-action
---

# Input-action

Input action is an Text Input wich has an associated action button.

```specimen-react
  <InputAction
    spacing="pa-earth"
    inputLabel="Enter your postcode"
    buttonLabel="Get a quote"
    placeholder="Your postcode e.g. NW3 3HH"
    maxWidth="20rem"
  />
```

The `inputLabel`, `placeholder`, and `buttonLabel` props are required.

`error` message and `errorColor` props can be included as part of the component.

```specimen-react
<InputAction
    spacing="pa-earth"
    inputLabel="Enter your postcode"
    buttonLabel="Get a quote"
    placeholder="Your postcode e.g. NW3 3HH"
    maxWidth="20rem"
    error="There was an error"
    errorColor="red"
  />
```
