User-friendly Query Builder For React

Category: Others , React | January 28, 2018
Author: ukrbublik
Views Total: 244
Official Page: Go to website
Last Update: January 28, 2018
License: MIT

A configurable, user-friendly React component to build queries.

Features:

  • Fields can be of type:
    • simple (string, number, bool, date/time/datetime, list)
    • structs (will be displayed in selectbox as tree of members)
    • custom type (dev should add its own widget component for this) (it’s not complex, you can add slider for example)
  • Comparison operators can be:
    • binary (== != < > ..)
    • unary (is empty, is null)
    • ‘between’ (for numbers)
    • complex operators like ‘proximity’
  • Values of fields can be compared with values -or- another fields (of same type)
  • Reordering support for rules and groups of rules
  • Using awesome Ant Design

Installation:

# NPM
$ npm install react-awesome-query-builder --save

Preview:

User-friendly Query Builder For React