← All Components
FilterDropdown
Data & Editing
Multi-select filter dropdown with badge or checkbox styles.
Live Demo
Multi-select filter with counts.
Type 0
Selected: (none)
Usage
<script>
import { FilterDropdown } from "jatui"
</script>
<FilterDropdown />Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | - | Button label |
options | FilterOption[] | [] | Options with value, label, count |
selected | Set<string> | new Set() | Selected values |
onToggle | (value: string) => void | - | Toggle callback |
mode | "dropdown" | "inline" | "dropdown" | Display mode |
style | "badge" | "checkbox" | "badge" | Option style |