@react-awesome-query-builder/antd

User-friendly query builder for React. AntDesign widgets

Npm Package Weekly Downloads Trend

3 Years

🌟 Show real-time usage chart on @react-awesome-query-builder/antd's README.md, just copy the code below.

## Usage Trend
[![Usage Trend of @react-awesome-query-builder/antd](https://npm-compare.com/img/npm-trend/THREE_YEARS/@react-awesome-query-builder/antd.png)](https://npm-compare.com/@react-awesome-query-builder/antd#timeRange=THREE_YEARS)

Cumulative GitHub Star Trend

🌟 Show GitHub stars trend chart on @react-awesome-query-builder/antd's README.md, just copy the code below.

## GitHub Stars Trend
[![GitHub Stars Trend of @react-awesome-query-builder/antd](https://npm-compare.com/img/github-trend/@react-awesome-query-builder/antd.png)](https://npm-compare.com/@react-awesome-query-builder/antd)

Stat Detail

Package	Downloads	Stars	Size	Issues	Publish	License
Package	Downloads	Stars	Size	Issues	Publish	License
@react-awesome-query-builder/antd	25,879	2,235	527 kB	156	10 months ago	MIT

Popular Comparisons

@react-awesome-query-builder/antd

README for @react-awesome-query-builder/antd

@react-awesome-query-builder/antd

This packages provides Ant Design widgets.

Installation

Peer dependencies that needs to be installed:

npm i antd @ant-design/icons --save

Install:

npm i @react-awesome-query-builder/antd --save

Usage

Use AntdConfig. Only for antd v4 - please import antd/dist/antd.css.

See minimal example in readme with modifications at top:

// >>>
import type { JsonGroup, Config, ImmutableTree, BuilderProps } from '@react-awesome-query-builder/antd'; // for TS example
import { Query, Builder, Utils as QbUtils } from '@react-awesome-query-builder/antd';
import { AntdConfig, AntdWidgets } from '@react-awesome-query-builder/antd';
//import "antd/dist/antd.css"; // only for v4
import '@react-awesome-query-builder/antd/css/styles.css';
const InitialConfig = AntdConfig;
// <<<