@react-awesome-query-builder/bootstrap
v6.6.4
Published
User-friendly query builder for React. Bootstrap widgets
Downloads
1,392
Maintainers
Readme
@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;
// <<<