OddApp Design

Filter

@oddapp/ui · Tier 1

Dropdown panel with grouped checkbox options for applying data filters.

Default

import { Filter } from '@oddapp/ui'

const options = [
  { value: 'active', label: 'Active' },
  { value: 'archived', label: 'Archived' },
  { value: 'draft', label: 'Draft' },
]

<Filter label="Status" options={options} selected={[]} onChange={(v) => console.log(v)} />