---
title: "Filter Components"
description: "A collection of interactive filter components for controlling data visualizations and dashboards."
group: Components
tags: [Filter, Dashboard, Interactive, Variable, Data Control]
---

import { Aside } from '@astrojs/starlight/components';

# Filter Components

Filter components allow users to interactively control data visualizations and dashboards by applying dynamic filtering logic through variable-based selections.

---

## 🎨 Widget Customizations

All filter components share these customization sections:


| Group       | Description |
|:------------|:-------------------------------------------------------------|
| **[General](/insights-v8/guide-to-infoboard-designer/customize-panel/customization-tab/#general)** | Modify the chart’s general appearance, including the background color, borders, shadows, and drill-out choices. |
| **[Title](/insights-v8/guide-to-infoboard-designer/customize-panel/customization-tab/#title)** | Enable and customize chart title text, alignment, font, and color. |

---

## 🎛️ Filters Which Require Configuration

These filters need specific configuration via the [Widget Configuration](/insights-v8/guide-to-infoboard-designer/customize-panel/configure/) tab in the Customize panel to work properly.

## 📊 Basic Configuration

| Configuration Item | Description |
|:------------------|:------------------------------------|
| **[Source](/insights-v8/guide-to-infoboard-designer/customize-panel/setup/#sources)**        | Source providing the data for measures and dimensions. |
| **[Dimension](/studio-v8/datasources/measures-dimensions-and-hierarchies/)** | Label or category fields. |

### 📝 Drop Down Filter

A customizable multi-select or single-select dropdown filter component that dynamically populates options from a selected **Dimension**.

**Key Features:**
- Binds to a **Dimension** in your data setup.
- Multi-select with optional limit on number of selections.
- Searchable, clearable, supports pasting multiple values for batch filtering.
- Fully customizable size, variant, padding, colors, and dropdown position.

<Aside>
Use this when you need to filter based on a category field like **Region** or **Product Type**.
</Aside>

---

### 📑 Check List Filter


A filter component rendering a checklist of selectable options populated dynamically from a **Dimension**.

**Key Features:**
- Binds to a **Dimension** in your data.
- Supports multi-select or single-select modes.
- Customizable orientation, checkbox size, label position, and color.
- Scrollable container for long lists.

<Aside>
Best suited for filtering where multiple values might need to be toggled frequently.
</Aside>

---

### 🗂️ Hierarchy Drop Down Filter


A filter component rendering a cascading hierarchy of dropdowns, dynamically fetching dimension values based on parent selection.

**Key Features:**
- Binds to a **Dimension** and optionally its hierarchical levels.
- Supports loading child filters based on parent filter selection.
- Customizable dropdown styling and searchability.
- Clearable and responsive to upstream changes.

<Aside>
Ideal for filters like **Region → Country → City** or **Category → Subcategory**.
</Aside>

---

## 🎛️ Filters Which Do Not Need Configuration

These filters work immediately without requiring additional configuration.

### 📅 Infoveave Date Range Picker


A standalone date range selector allowing users to filter the board data by date ranges, with optional predefined periods like Years, Months, etc.

**Key Features:**
- Filters board data by a selected date range.
- Includes quick period shortcuts (Years, Quarters, Months, Weeks, Days).
- Two-way binding with board-level date settings — updates reflect instantly across dependent elements.

<Aside>
Great for boards where users frequently adjust date ranges for data exploration.
</Aside>

---

### 🎚️ Date Range Slider

A visual date range selector allowing users to filter the board by choosing a start and end date via a draggable slider interface.

**Key Features:**
- Board-level date range filter using a horizontal slider.
- Displays customizable tick marks, labels, thumb icons, and track styling.
- Supports auto-aligned or custom-positioned labels.
- Updates `BoardDates` property on range change — instantly affecting visuals.

<Aside>
Ideal when you want to visually highlight or scrub through a date timeline.
</Aside>

---

### 🗓️ Quick Date Dropdown

A convenient dropdown filter allowing users to quickly select predefined date ranges, directly updating the board’s active date range.

**Key Features:**
- Dropdown list of standard quick date options (Today, Yesterday, Last 7 Days, etc.).
- Includes a **Custom** entry for manual date selection.
- On selection, updates the board’s `BoardDates` property globally.

<Aside>
Perfect for dashboards that need quick date shortcuts without complex configuration.
</Aside>

---