Pro Pack
Docs HomeProduct SiteSupport
  • Introduction
  • Installation
  • Chart.js
    • Configuration
    • Data Binding
    • Data Labels
  • Dataset Filter Labels
    • Installation
    • Configuration
    • Data Binding
  • DataTables
    • Configuration
    • Data Binding
    • Events
    • Methods
  • Date Range Picker
    • Configuration
    • Data Binding
    • Methods
  • iCheck
    • List
      • Configuration
      • Data Binding
      • Events
    • Filter
      • Configuration
      • Data Binding
  • Select2
    • Configuration
    • Data Binding
    • Events
    • Methods
  • Sparklines
    • Installation
    • Configuration
    • Data Binding
  • Toastr
    • Configuration
  • Web Frameworks
Powered by GitBook
On this page

Was this helpful?

  1. iCheck

Filter

PreviousEventsNextConfiguration

Last updated 2 years ago

Was this helpful?

iCheck Filter for WireBootstrap uses the iCheck plugin to provide an advanced list selection filter.

Use the icheckFilter class to create an instance of the iCheck Filter for WireBootstrap component.

const myFilter = new wire.icheckFilter();

Render

Render the component using an HTML div element.

<div id="filter-list"></div>
<script>
    new wire.icheckFilter().render("#list", {});
</script>
<wire-icheck-filter wr-config=""></wire-icheck-filter>
<WireComponent component="wire.icheckFilter" config={}>
    <div></div>
</WireComponent>
<div wire-component="wire.icheckFilter" v-wire-config=""></div>
<div wire-component="wire.icheckFilter" [config]=""></div>
iCheck Filter for WireBootstrap