@rjsf/react-bootstrap

@rjsf/react-bootstrap

Bootstrap 5 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
- Contributing
- Contact

About The Project

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

$3

- react-jsonschema-form
- Bootstrap-5
- TypeScript

Getting Started

$3

- react-bootstrap >= 2.0.0
- @rjsf/core >= 6
- @rjsf/utils >= 6
- @rjsf/validator-ajv8 >= 6

``bash
yarn add react-bootstrap @rjsf/core @rjsf/utils @rjsf/validator-ajv8
`

$3

`bash
yarn add @rjsf/react-bootstrap
`

Usage

`js
import Form from 'packages/react-bootstrap';
`

or

`js
import { withTheme } from '@rjsf/core';
import { Theme as BootstrapTheme } from 'packages/react-bootstrap';

const Form = withTheme(BootstrapTheme);
``

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

[build-shield]: https://github.com/rjsf-team/react-jsonschema-form/workflows/CI/badge.svg
[build-url]: https://github.com/rjsf-team/react-jsonschema-form/actions
[contributors-shield]: https://img.shields.io/github/contributors/rjsf-team/react-jsonschema-form.svg
[contributors-url]: https://github.com/rjsf-team/react-jsonschema-form/graphs/contributors
[license-shield]: https://img.shields.io/badge/license-Apache%202.0-blue.svg?style=flat-square
[license-url]: https://choosealicense.com/licenses/apache-2.0/
[npm-shield]: https://img.shields.io/npm/v/@rjsf/react-bootstrap/latest.svg?style=flat-square
[npm-url]: https://www.npmjs.com/package/@rjsf/react-bootstrap
[npm-dl-shield]: https://img.shields.io/npm/dm/@rjsf/react-bootstrap.svg?style=flat-square
[npm-dl-url]: https://www.npmjs.com/package/@rjsf/react-bootstrap
[product-screenshot]: https://raw.githubusercontent.com/rjsf-team/react-jsonschema-form/59a8206e148474bea854bbb004f624143fbcbac8/packages/react-bootstrap/screenshot.png