← All Components

FilterDropdown

Data & Editing

Multi-select filter dropdown with badge or checkbox styles.

Live Demo

Multi-select filter with counts.

Selected: (none)

Usage

<script>
  import { FilterDropdown } from "jatui"
</script>

<FilterDropdown />

Props

PropTypeDefaultDescription
labelstring-Button label
optionsFilterOption[][]Options with value, label, count
selectedSet<string>new Set()Selected values
onToggle(value: string) => void-Toggle callback
mode"dropdown" | "inline""dropdown"Display mode
style"badge" | "checkbox""badge"Option style