2.0.0-alpha.6 • Published 4 years ago

@chiradeep/rjsf-semantic-ui v2.0.0-alpha.6

Weekly downloads
-
License
MIT
Repository
github
Last release
4 years ago

Build Status Contributors MIT License

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 add semantic-ui-react react-jsonschema-form

Installation

yarn add semantic-ui-react

Usage

import { withTheme } from 'react-jsonschema-form';
import { Theme as SemanticUITheme } from 'rjsf-semanitc-ui';

const Form = withTheme(SemanticUITheme);

or

import SemanticUIForm from 'rjsf-semantic-ui';

##Optional Semantic-UI Theme properties

  • To pass additional properties to widgets see guide.

Semantic Widget Optional Properties

Custom Semantic Widget Properties

const uiSchema = {
  "ui:options":  {
    semantic: {
      fluid: true,
      inverted: false,
      errorOptions: {
        size: 'small',
        pointing: 'above',
      }
    },
  }
};

Below is 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