@react-awesome-query-builder/fluent/README.md

User-friendly query builder for React. Fluent 8 widgets

# @react-awesome-query-builder/fluent

[![npm](https://img.shields.io/npm/v/@react-awesome-query-builder/fluent.svg)](https://www.npmjs.com/package/@react-awesome-query-builder/fluent)

This packages provides [Fluent UI v8](https://developer.microsoft.com/en-us/fluentui#/get-started/web) widgets

## Installation

Peer dependencies that needs to be installed:
```
npm i @fluentui/react @fluentui/react-icons @fluentui/font-icons-mdl2 --save
```

Install:
```
npm i @react-awesome-query-builder/fluent --save
```

## Usage

Use `FluentUIConfig`. 

See [minimal example in readme](https://github.com/ukrbublik/react-awesome-query-builder#usage) with modifications at top:
```js
// >>>
import type { JsonGroup, Config, ImmutableTree, BuilderProps } from '@react-awesome-query-builder/fluent'; // for TS example
import { Query, Builder, Utils as QbUtils } from '@react-awesome-query-builder/fluent';
import { FluentUIConfig, FluentUIWidgets } from '@react-awesome-query-builder/fluent';
import '@react-awesome-query-builder/fluent/css/styles.css';
const InitialConfig = FluentUIConfig;
// <<<
```