react-filter-build

A schema-driven, dataset-agnostic Filter Builder UI component for React.

Installation

npm install react-filter-build

or

yarn add react-filter-build

or

pnpm add react-filter-build

Peer Dependencies

This package requires React 17.0.0 or higher:

npm install react react-dom

Usage

Import the component and the CSS file:

import { ReactFilterBuild } from 'react-filter-build'
import 'react-filter-build/styles.css'

function App() {
  return <ReactFilterBuild />
}

Note: The CSS file must be imported separately. The package uses Tailwind CSS internally, but it's compiled to regular CSS at build time, so you don't need to install Tailwind CSS in your project.

Development

To run the example app locally:

npm run dev

To build the library:

npm run build

License

MIT