JSPM

@lonli-lokli/dynamic-forms-react-bootstrap

6.0.0-gamma9.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 3
  • Score
    100M100P100Q42699F
  • License MIT

React Bootstrap theme, fields and widgets for react-jsonschema-form, powered by react-bootstrap

Package Exports

  • @lonli-lokli/dynamic-forms-react-bootstrap
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/AddButton/AddButton.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/AddButton/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/ArrayFieldItemTemplate/ArrayFieldItemTemplate.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/ArrayFieldItemTemplate/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/ArrayFieldTemplate/ArrayFieldTemplate.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/ArrayFieldTemplate/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/BaseInputTemplate/BaseInputTemplate.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/BaseInputTemplate/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/CheckboxWidget/CheckboxWidget.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/CheckboxWidget/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/CheckboxesWidget/CheckboxesWidget.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/CheckboxesWidget/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/DescriptionField/DescriptionField.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/DescriptionField/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/ErrorList/ErrorList.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/ErrorList/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/FieldErrorTemplate/FieldErrorTemplate.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/FieldErrorTemplate/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/FieldHelpTemplate/FieldHelpTemplate.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/FieldHelpTemplate/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/FieldTemplate/FieldTemplate.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/FieldTemplate/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/Form/Form.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/Form/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/GridTemplate/GridTemplate.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/GridTemplate/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/IconButton/IconButton.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/IconButton/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/ObjectFieldTemplate/ObjectFieldTemplate.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/ObjectFieldTemplate/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/RadioWidget/RadioWidget.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/RadioWidget/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/RangeWidget/RangeWidget.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/RangeWidget/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/SelectWidget/SelectWidget.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/SelectWidget/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/SubmitButton/SubmitButton.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/SubmitButton/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/Templates/Templates.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/Templates/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/TextareaWidget/TextareaWidget.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/TextareaWidget/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/Theme/Theme.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/Theme/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/TitleField/TitleField.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/TitleField/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/Widgets/Widgets.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/Widgets/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/WrapIfAdditionalTemplate/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/react-bootstrap.esm.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/dist/react-bootstrap.umd.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/AddButton/AddButton.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/AddButton/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/ArrayFieldItemTemplate/ArrayFieldItemTemplate.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/ArrayFieldItemTemplate/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/ArrayFieldTemplate/ArrayFieldTemplate.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/ArrayFieldTemplate/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/BaseInputTemplate/BaseInputTemplate.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/BaseInputTemplate/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/CheckboxWidget/CheckboxWidget.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/CheckboxWidget/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/CheckboxesWidget/CheckboxesWidget.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/CheckboxesWidget/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/DescriptionField/DescriptionField.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/DescriptionField/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/ErrorList/ErrorList.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/ErrorList/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/FieldErrorTemplate/FieldErrorTemplate.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/FieldErrorTemplate/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/FieldHelpTemplate/FieldHelpTemplate.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/FieldHelpTemplate/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/FieldTemplate/FieldTemplate.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/FieldTemplate/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/Form/Form.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/Form/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/GridTemplate/GridTemplate.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/GridTemplate/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/IconButton/IconButton.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/IconButton/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/ObjectFieldTemplate/ObjectFieldTemplate.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/ObjectFieldTemplate/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/RadioWidget/RadioWidget.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/RadioWidget/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/RangeWidget/RangeWidget.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/RangeWidget/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/SelectWidget/SelectWidget.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/SelectWidget/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/SubmitButton/SubmitButton.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/SubmitButton/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/Templates/Templates.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/Templates/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/TextareaWidget/TextareaWidget.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/TextareaWidget/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/Theme/Theme.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/Theme/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/TitleField/TitleField.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/TitleField/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/Widgets/Widgets.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/Widgets/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/WrapIfAdditionalTemplate/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/index.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/react-bootstrap.esm.js
  • @lonli-lokli/dynamic-forms-react-bootstrap/lib/react-bootstrap.umd.js

Readme


Logo

@lonli-lokli/dynamic-forms-react-bootstrap

Bootstrap 5 theme, fields and widgets for react-jsonschema-form.
Explore the docs »

View Playground · Report Bug · Request Feature

Table of Contents

About The Project

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

Built With

Getting Started

Prerequisites

  • react-bootstrap >= 2.0.0
  • @lonli-lokli/dynamic-forms-core >= 2.2.0
yarn add react-bootstrap @lonli-lokli/dynamic-forms-core

Installation

yarn add @lonli-lokli/dynamic-forms-react-bootstrap

Usage

import Form from 'packages/react-bootstrap';

or

import { withTheme } from '@lonli-lokli/dynamic-forms-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