@rjsf/fluent-ui

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

Usage no npm install needed!

<script type="module">
  import rjsfFluentUi from 'https://cdn.skypack.dev/@rjsf/fluent-ui';
</script>

README

Build Status npm npm downloads Contributors Apache 2.0 License


Logo

@rjsf/fluent-ui

Fluent UI theme, fields and widgets for react-jsonschema-form.
Explore the docs »

View Playground · Report Bug · Request Feature

Table of Contents

About The Project

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

Built With

Getting Started

Prerequisites

  • @fluentui/react >= 7.114.2
  • @rjsf/core >= 2.0.0
yarn add @fluentui/react @rjsf/core

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

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

Installation

yarn add @rjsf/fluent-ui

Usage

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

or

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

See the open issues for a list of proposed features (and known issues).

Contributing

Read our contributors' guide to get started.

Contact

rjsf team: https://github.com/orgs/rjsf-team/people

GitHub repository: https://github.com/rjsf-team/react-jsonschema-form