Skip to content
OTF Kit logoOTF Kit

Filters

Input

Composable filter builder with text, select, and number filter types.

View in Storybook
Filters
Loading Storybook preview…

Installation

bun add @otfdashkit/ui

Usage

Import Filters from @otfdashkit/ui.

Code
// Filters — Composable filter builder with text, select, and number filter types.
//
// Install:
//   bun add @otfdashkit/ui

import { Filters } from '@otfdashkit/ui'

export function Example() {
  return (
    <Filters>
      {/* your content */}
    </Filters>
  )
}

Props

Props declared in the Filters source. Inherited HTML attributes are not listed.

PropTypeDefaultDescription
filtersrequiredFilterDef[]
onChangerequired(v: FilterValue[]) => void
valuerequiredFilterValue[]
classNamestring

Related