> For the complete documentation index, see [llms.txt](https://docs.wirebootstrap.com/qlik/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/qlik/qlik-component/render.md).

# Render

## Class

The WireBootstrap Qlik Component extends the [wire.ui.component](https://docs.wirebootstrap.com/wirebootstrap/reference/wire.ui/wire.ui.component) class.  As such, it inherits all the base functionality of that class.

To create a new instance of the component, use the `wire.qlikComponent` class.

```javascript
const qlik = new wire.qlikComponent();
```

## Render

Render the component using an HTML `div` element.

{% tabs %}
{% tab title="JavaScript" %}

```html
<div id="qlik"></div>
<script>
    new wire.qlikComponent().render("#qlik", {});
</script>
```

{% endtab %}

{% tab title="React" %}

```jsx
<WireComponent component="wire.qlikComponent" config={}>
    <div></div>
</WireComponent>
```

{% endtab %}

{% tab title="Vue" %}

```jsx
<div wire-component="wire.qlikComponent" v-wire-config=""></div>
```

{% endtab %}

{% tab title="Angular" %}

```html
<div wire-component="wire.qlikComponent" [config]=""></div>
```

{% endtab %}
{% endtabs %}