@visma/rjsf-semantic-ui

2.5.1-formula.9 • Public • Published

Build Status npm npm downloads Contributors Apache 2.0 License


Logo

rjsf-semantic-ui

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

View Playground · Report Bug · Request Feature

Table of Contents

About The Project

Exports semantic-ui theme, fields and widgets for react-jsonschema-form.

Built With

Getting Started

Prerequisites

yarn add semantic-ui-css semantic-ui-react @visma/rjsf-core

Installation

yarn add @visma/rjsf-semantic-ui

Usage

import Form from '@visma/rjsf-semantic-ui';

or

import { withTheme } from '@visma/rjsf-core';
import { Theme as SemanticUITheme } from '@visma/rjsf-semantic-ui';

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

const Form = withTheme(SemanticUITheme);

Optional Semantic UI Theme properties

  • To pass additional properties to widgets, see this guide.

Semantic Widget Optional Properties

Custom Semantic Widget Properties

Below are the current default options for all widgets:

{
  "ui:options":  {
    "semantic": {
      "fluid": true,
      "inverted": false,
      "errorOptions": {
        "size": "small",
        "pointing": "above",
      }
    }
  }
}

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

Package Sidebar

Install

npm i @visma/rjsf-semantic-ui

Weekly Downloads

1

Version

2.5.1-formula.9

License

Apache-2.0

Unpacked Size

181 kB

Total Files

99

Last publish

Collaborators

  • visma_bot
  • visma_arnosaine
  • arnosaine
  • juusoko