# @eccosolutions/rjsf-fluent-ui

> Fluent UI theme, fields and widgets for react-jsonschema-form

Latest version **2.4.6** (published 2020-11-05) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install @eccosolutions/rjsf-fluent-ui
pnpm add @eccosolutions/rjsf-fluent-ui
yarn add @eccosolutions/rjsf-fluent-ui
bun add @eccosolutions/rjsf-fluent-ui
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.4.6 |
| Published | 2020-11-05 |
| First published | 2020-11-05 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 298.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Maintainers | nealeu, djcsdy |
| Keywords | Fluent UI, react-jsonschema-form, jsonschema, json-schema, json, schema, form, react, material-ui, rjsf-material-ui |

## Links

- npm: https://www.npmjs.com/package/@eccosolutions/rjsf-fluent-ui
- Repository: https://github.com/eccosolutions/ecco-rjsf
- Homepage: https://github.com/eccosolutions/ecco-rjsf#readme
- Issues: https://github.com/eccosolutions/ecco-rjsf/issues
- npm.io page: https://npm.io/package/@eccosolutions/rjsf-fluent-ui

## Dependencies (2)

- [lodash](https://npm.io/package/lodash.md) ^4.17.15
- [lodash-es](https://npm.io/package/lodash-es.md) ^4.17.15

## Alternatives

- [@mapbox/jsonlint-lines-primitives](https://npm.io/package/@mapbox/jsonlint-lines-primitives.md) — 5.3M weekly downloads
- [reftools](https://npm.io/package/reftools.md) — 3.5M weekly downloads
- [@hey-api/openapi-ts](https://npm.io/package/@hey-api/openapi-ts.md) — 3.5M weekly downloads
- [@mapbox/geojson-rewind](https://npm.io/package/@mapbox/geojson-rewind.md) — 2.4M weekly downloads
- [turbo-stream](https://npm.io/package/turbo-stream.md) — 1.7M weekly downloads

## Recent versions

- 2.4.6 (latest) — 2020-11-05

## README

[![Build Status][build-shield]][build-url]
[![npm][npm-shield]][npm-url]
[![npm downloads][npm-dl-shield]][npm-dl-url]
[![Contributors][contributors-shield]][contributors-url]
[![Apache 2.0 License][license-shield]][license-url]

<!-- PROJECT LOGO -->
<br />
<p align="center">
  <a href="https://github.com/eccosolutions/ecco-rjsf">
    <img src="https://raw.githubusercontent.com/rjsf-team/react-jsonschema-form/59a8206e148474bea854bbb004f624143fbcbac8/packages/fluent-ui/logo.png" alt="Logo" width="120" height="120">
  </a>

  <h3 align="center">@eccosolutions/rjsf-fluent-ui</h3>

  <p align="center">
  Fluent UI theme, fields and widgets for <a href="https://github.com/eccosolutions/ecco-rjsf/"><code>react-jsonschema-form</code></a>.
    <br />
    <a href="https://react-jsonschema-form.readthedocs.io/en/latest/"><strong>Explore the docs »</strong></a>
    <br />
    <br />
    <a href="https://rjsf-team.github.io/react-jsonschema-form/">View Playground</a>
    ·
    <a href="https://github.com/eccosolutions/ecco-rjsf/issues">Report Bug</a>
    ·
    <a href="https://github.com/eccosolutions/ecco-rjsf/issues">Request Feature</a>
  </p>
</p>

<!-- TABLE OF CONTENTS -->

## Table of Contents

- [About The Project](#about-the-project)
- [Getting Started](#getting-started)
  - [Prerequisites](#prerequisites)
  - [Installation](#installation)
- [Usage](#usage)
- [Roadmap](#roadmap)
- [Contributing](#contributing)
- [Contact](#contact)

<!-- ABOUT THE PROJECT -->

## About The Project

Fluent UI theme, fields and widgets for `react-jsonschema-form`.

### Built With

- [react-jsonschema-form](https://github.com/eccosolutions/ecco-rjsf/)
- [Fluent UI](https://developer.microsoft.com/en-us/fluentui#/)
- [Typescript](https://www.typescriptlang.org/)

<!-- GETTING STARTED -->

## Getting Started

### Prerequisites

- `@fluentui/react >= 7.114.2`
- `@rjsf/core >= 2.0.0`

```bash
yarn add @fluentui/react @rjsf/core
```

For the Fluent UI grid to work, add the following CSS tag to the main HTML page:

```html
<link rel="stylesheet" href="//static2.sharepointonline.com/files/fabric/office-ui-fabric-core/11.0.0/css/fabric.min.css" />
```

### Installation

```bash
yarn add @rjsf/fluent-ui
```

<!-- USAGE EXAMPLES -->

## Usage

```js
import Form from '@rjsf/fluent-ui';
```

or

```js
import { withTheme } from '@rjsf/core';
import { Theme as FluentUITheme } from '@rjsf/fluent-ui';

// Make modifications to the theme with your own fields and widgets

const Form = withTheme(FluentUITheme);
```

<!-- ROADMAP -->

## Roadmap

See the [open issues](https://github.com/eccosolutions/ecco-rjsf/issues) for a list of proposed features (and known issues).

<!-- CONTRIBUTING -->

## Contributing

Read our [contributors' guide](https://react-jsonschema-form.readthedocs.io/en/latest/contributing/) to get started.

<!-- CONTACT -->

## Contact

rjsf team: [https://github.com/orgs/rjsf-team/people](https://github.com/orgs/rjsf-team/people)

GitHub repository: [https://github.com/eccosolutions/ecco-rjsf](https://github.com/eccosolutions/ecco-rjsf)

<!-- MARKDOWN LINKS & IMAGES -->
<!-- https://www.markdownguide.org/basic-syntax/#reference-style-links -->

[build-shield]: https://github.com/eccosolutions/ecco-rjsf/workflows/CI/badge.svg
[build-url]: https://github.com/eccosolutions/ecco-rjsf/actions
[contributors-shield]: https://img.shields.io/github/contributors/eccosolutions/ecco-rjsf.svg
[contributors-url]: https://github.com/eccosolutions/ecco-rjsf/graphs/contributors
[license-shield]: https://img.shields.io/badge/license-Apache%202.0-blue.svg?style=flat-square
[license-url]: https://choosealicense.com/licenses/apache-2.0/
[npm-shield]: https://img.shields.io/npm/v/@rjsf/fluent-ui/latest.svg?style=flat-square
[npm-url]: https://www.npmjs.com/package/@rjsf/fluent-ui
[npm-dl-shield]: https://img.shields.io/npm/dm/@rjsf/fluent-ui.svg?style=flat-square
[npm-dl-url]: https://www.npmjs.com/package/@rjsf/fluent-ui
[product-screenshot]: https://raw.githubusercontent.com/rjsf-team/react-jsonschema-form/59a8206e148474bea854bbb004f624143fbcbac8/packages/fluent-ui/screenshot.png

---
_Source: https://npm.io/package/@eccosolutions/rjsf-fluent-ui · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._