examples

@react-awesome-query-builder/examples

Demo app, uses local library with hot reload.
You can switch between AntDesign, MUI, Bootstrap and vanilla widgets.
Uses complex config to demonstrate anvanced usage.
Uses TypeScript.

Preview

Demo: https://ukrbublik.github.io/react-awesome-query-builder/

Demo for ternary mode: https://ukrbublik.github.io/react-awesome-query-builder/#/switch

Run

From the root of cloned repository:

pnpm start

And open http://localhost:3001 in a browser.
For ternary mode open http://localhost:3001/#/switch

Feel free to play with code in demo (advanced demo) and demo_switch (demo for ternary mode) dirs.

Run in sandbox

(if it freezes on "Initializing Sandbox Container" please click "Fork")

(installing dependencies can take a while)

Testing antd v4

Best way is to change verison of antd and @ant-design/icons in package.json for both examples and antd packages.

In file src/skins/lazyStyles/antd.tsx uncomment

//import antd from "antd/dist/antd.css";
...
//(antd as LazyStyleModule).use();
...
//(antd as LazyStyleModule).unuse();