@rjsf/fluentui-rc

@rjsf/fluentui-rc

Fluent UI React Components (v9) theme, fields and widgets for react-jsonschema-form.
Explore the docs »

View Playground · Report Bug · Request Feature

Table of Contents

• Table of Contents
• About The Project
  • Built With
• Getting Started
  • Prerequisites
  • Installation
• Usage
• Roadmap
• Contributing
• Contact

About The Project

Fluent UI React Components (v9) theme, fields and widgets for react-jsonschema-form.

Built With

• react-jsonschema-form
• Fluent UI React Components (v9)
• TypeScript

Getting Started

Prerequisites

• @fluentui/react-components >= 9.35.0
• @rjsf/core >= 2.0.0

yarn add @fluentui/react-components @rjsf/core @rjsf/utils @rjsf/validator-ajv6

Installation

yarn add @rjsf/fluentui-rc

Usage

import Form from '@rjsf/fluentui-rc';

or

import { withTheme } from '@rjsf/core';
import { Theme as FluentUIRCTheme } from '@rjsf/fluentui-rc';

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

const Form = withTheme(FluentUIRCTheme);

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

Changelog

5.20.0

@rjsf/core

• Support allowing raising errors from within a custom Widget #2718
• Updated ArrayField, BooleanField and StringField to call optionsList() with the additional UiSchema parameter, fixing #4215 and #4260

@rjsf/utils

• Updated the WidgetProps type to add es?: ErrorSchema<T>, id?: string to the params of the onChange handler function
• Updated UIOptionsBaseType to add the new enumNames prop to support an alternate way to provide labels for enums in a schema, fixing #4215
• Updated optionsList() to take an optional uiSchema that is used to extract alternate labels for enums or oneOf/anyOf in a schema, fixing #4215 and #4260
  • NOTE: The generics for optionsList() were expanded from <S extends StrictRJSFSchema = RJSFSchema> to <S extends StrictRJSFSchema = RJSFSchema, T = any, F extends FormContextType = any> to support the UiSchema.

Dev / docs / playground

• Update the custom-widget-fields.md to add documentation for how to raise errors from a custom widget or field