# Custom

Many WireBootstrap components are written in [TypeScript](https://www.typescriptlang.org/) or are JavaScript libraries that provide TypeScript definition files.  This often includes a structure such as an interface that defines the valid settings for configuration when binding the component.

In some instances, an implementation requires custom data be added to the configuration to be used at some point after binding.  

In the example below, a Bootstrap table is bound to data in a TypeScript project and the binding attempts to set a custom attribute `myProperty` on the configuration object passed to the `render` method.  This causes a compile error as the property `myProperty` is not a valid property on the component's configuration interface.

![](/files/GYGyy5t0eWAPIYFhNKlw)

To set custom data on the configuration for any WireBootstrap component, use the `custom` property on the configuration object.  This value can be set to any valid JavaScript object.

![](/files/fE77EwmmdtWb1r0RmIkb)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.wirebootstrap.com/wirebootstrap/working-with-components/configuration/custom.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.