> For the complete documentation index, see [llms.txt](https://docs.wirebootstrap.com/pro-pack/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/pro-pack/icheck/list/configuration.md).

# Configuration

Use the following configuration options to bind the iCheck List for WireBootstrap component.

## Properties

| Name    | Default | Description                                                                                                                                                           |
| ------- | ------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| all     |         | An object that represents selecting all values from the list.  This value should match the `datamap` schema                                                           |
| datamap |         | Used to bind data to the component. See [Data Binding](/pro-pack/icheck/list/data-binding.md) for details.                                                            |
| color   | green   | Check item color.  Valid values are `black`, `red`, `green`, `blue`, `aero`, `grey`,  `orange`, `yellow`, `pink`, and `purple`.                                       |
| icheck  |         | The [native configuration](http://icheck.fronteed.com/#options) pass-through for iCheck.  See [iCheck](/pro-pack/icheck/list/configuration.md#icheck) for an example. |
| skin    | flat    | Check item style.  Valid values are `flat`, `line`, `minimal`, `square`, `polaris`, and `futurico`.                                                                   |

The following example creates a new instance of the iCheck List for WireBootstrap component using a `blue` color with the `square` skin.

```typescript
const list = new wire.icheckList().render("#list", {
    ...
     skin: "square",
     color: "blue"
});
```

## iCheck

The following example sets up the *pointer* CSS cursor over enabled inputs and *default* over disabled inputs using the native configuration property `cursor` of iCheck.

```typescript
const list = new wire.icheckList().render("#list", {
    ...
     icheck {
      cursor: true
     }
});
```