@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;
// <<<