rjsf-bulma

Bluma theme, fields and widgets for react-jsonschema-form.

Table of Contents

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

About The Project

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

Built With

• react-jsonschema-form
• Bulma
• Typescript

Getting Started

Prerequisites

• @rjsf/core >= 5.0.0
• bulma >= 0.9.4
• bulma-slider >= ^2.0.5 (for "ui:widget": "range")

yarn add @rjsf/core bulma bulma-slider

Installation

yarn add rjsf-bulma

Sample

Sample

Typedoc

Typedoc

Usage

import Form from 'rjsf-bulma';

or

import { withTheme } from '@rjsf/core';
import { Theme as BulmaTheme } from 'rjsf-bulma';

const Form = withTheme(BulmaTheme);

Use stylesheet

• Use compiled css.

import "rjsf-bulma/dist/index.css";

• Use scss (ex. customize color…)

@import "bulma/bulma.sass";
@import "bulma-slider/dist/css/bulma-slider.min.css";
@import "rjsf-bulma/scss/rjsf-bulma.scss";

Customize FileWidget

• See Sample Files and click “customFilesInfo” button.
• See source, FilesInfoProps

Contributing

Read our contributors’ guide to get started.

Contact