@react-awesome-query-builder/bootstrap

This packages provides Bootstrap widgets

Installation

Peer dependencies that needs to be installed:

npm i bootstrap reactstrap @popperjs/core @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome --save

Install:

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

Usage

Use BootstrapConfig. Don't forget to import Bootstrap CSS: bootstrap/dist/css/bootstrap.min.css.

See minimal example in readme with modifications at top:

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