Installation

The filer labels library is located in wire-filter-label.js. This and other other related files can be installed from the NPM package registry at@wirebootstrap/wire-filter-label.

npm install @wirebootstrap/wire-filter-label

Class

The Dataset Filter Labels component extends the wire.ui.component class. As such, it inherits all the base functionality of that class.

To create a new instance of the filter labels component, use the wire.filterLabelclass.

const label = new wire.filterLabel();

Render

Render the component using an HTML span element.

JavaScript

<span id="label"></span>
<script>
    new wire.filterLabel().render("#label", {});
</script>

Web Components

<wire-filter-label wr-config=""></wire-filter-label>

React

<WireComponent component="wire.filterLabel" config={}>
    <span></span>
</WireComponent>

Vue

<span wire-component="wire.filterLabel" v-wire-config=""></span>

Angular

<span wire-component="wire.filterLabel" [config]=""></span >