> For the complete documentation index, see [llms.txt](https://docs.wirebootstrap.com/bootstrap/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wirebootstrap.com/bootstrap/input/data-binding.md).

# Data Binding

The [data map](https://docs.wirebootstrap.com/wirebootstrap/working-with-components/configuration/data#datamap) for the Bootstrap Input component is listed below.  The component expects these field names in its `data` configuration.

## Properties

| Name  | Description                                                 |
| ----- | ----------------------------------------------------------- |
| value | The field in the data to be used as the value for the input |

```javascript
const users = [
    { value: "Jim Kennedy" }
]

const input = new wire.bsInput().render("#input", {
    data: users
});
```

The component will bind to the first record in the `users` array unless there is more than one record and the base [datarow](https://docs.wirebootstrap.com/wirebootstrap/working-with-components/configuration/data#datarow) configuration option is used.

## Datamap

Use the `datamap` configuration property to bind a data structure to the component that does not have the same field names.

```javascript
const users = [
    { name: "Jim Kennedy" }
]

const input = new wire.bsInput().render("#input", {
    data: users,
    datamap: { value: "name" }
});
```