This packages provides MUI widgets
Peer dependencies that needs to be installed:
npm i @mui/material @emotion/react @emotion/styled @mui/icons-material @mui/x-date-pickers --save
Install:
npm i @react-awesome-query-builder/mui --save
Use MuiConfig
.
See minimal example in readme with modifications at top:
// >>>
import type { JsonGroup, Config, ImmutableTree, BuilderProps } from '@react-awesome-query-builder/mui'; // for TS example
import { Query, Builder, Utils as QbUtils } from '@react-awesome-query-builder/mui';
import { MuiConfig, MuiWidgets } from '@react-awesome-query-builder/mui';
import '@react-awesome-query-builder/mui/css/styles.css';
const InitialConfig = MuiConfig;
// <<<