JSPM

  • Created
  • Published
  • Downloads 26715
  • Score
    100M100P100Q149549F
  • License Apache-2.0

Ant Design theme, fields and widgets for react-jsonschema-form

Package Exports

  • @rjsf/antd
  • @rjsf/antd/dist
  • @rjsf/antd/dist/index.cjs
  • @rjsf/antd/dist/templates/ArrayFieldItemTemplate/index.cjs
  • @rjsf/antd/dist/templates/ArrayFieldTemplate/index.cjs
  • @rjsf/antd/dist/templates/BaseInputTemplate/index.cjs
  • @rjsf/antd/dist/templates/ErrorList/index.cjs
  • @rjsf/antd/dist/templates/FieldDescriptionTemplate/index.cjs
  • @rjsf/antd/dist/templates/FieldErrorTemplate/index.cjs
  • @rjsf/antd/dist/templates/FieldHelpTemplate/index.cjs
  • @rjsf/antd/dist/templates/FieldTemplate/index.cjs
  • @rjsf/antd/dist/templates/GridTemplate/index.cjs
  • @rjsf/antd/dist/templates/IconButton/index.cjs
  • @rjsf/antd/dist/templates/MultiSchemaFieldTemplate/index.cjs
  • @rjsf/antd/dist/templates/ObjectFieldTemplate/index.cjs
  • @rjsf/antd/dist/templates/OptionalDataControlsTemplate/index.cjs
  • @rjsf/antd/dist/templates/SubmitButton/index.cjs
  • @rjsf/antd/dist/templates/TitleField/index.cjs
  • @rjsf/antd/dist/templates/WrapIfAdditionalTemplate/index.cjs
  • @rjsf/antd/dist/templates/index.cjs
  • @rjsf/antd/dist/widgets/AltDateTimeWidget/index.cjs
  • @rjsf/antd/dist/widgets/AltDateWidget/index.cjs
  • @rjsf/antd/dist/widgets/CheckboxWidget/index.cjs
  • @rjsf/antd/dist/widgets/CheckboxesWidget/index.cjs
  • @rjsf/antd/dist/widgets/DateTimeWidget/index.cjs
  • @rjsf/antd/dist/widgets/DateWidget/index.cjs
  • @rjsf/antd/dist/widgets/PasswordWidget/index.cjs
  • @rjsf/antd/dist/widgets/RadioWidget/index.cjs
  • @rjsf/antd/dist/widgets/RangeWidget/index.cjs
  • @rjsf/antd/dist/widgets/SelectWidget/index.cjs
  • @rjsf/antd/dist/widgets/TextareaWidget/index.cjs
  • @rjsf/antd/dist/widgets/index.cjs
  • @rjsf/antd/lib
  • @rjsf/antd/lib/index.js
  • @rjsf/antd/lib/templates/ArrayFieldItemTemplate/index.js
  • @rjsf/antd/lib/templates/ArrayFieldTemplate/index.js
  • @rjsf/antd/lib/templates/BaseInputTemplate/index.js
  • @rjsf/antd/lib/templates/ErrorList/index.js
  • @rjsf/antd/lib/templates/FieldDescriptionTemplate/index.js
  • @rjsf/antd/lib/templates/FieldErrorTemplate/index.js
  • @rjsf/antd/lib/templates/FieldHelpTemplate/index.js
  • @rjsf/antd/lib/templates/FieldTemplate/index.js
  • @rjsf/antd/lib/templates/GridTemplate/index.js
  • @rjsf/antd/lib/templates/IconButton/index.js
  • @rjsf/antd/lib/templates/MultiSchemaFieldTemplate/index.js
  • @rjsf/antd/lib/templates/ObjectFieldTemplate/index.js
  • @rjsf/antd/lib/templates/OptionalDataControlsTemplate/index.js
  • @rjsf/antd/lib/templates/SubmitButton/index.js
  • @rjsf/antd/lib/templates/TitleField/index.js
  • @rjsf/antd/lib/templates/WrapIfAdditionalTemplate/index.js
  • @rjsf/antd/lib/templates/index.js
  • @rjsf/antd/lib/widgets/AltDateTimeWidget/index.js
  • @rjsf/antd/lib/widgets/AltDateWidget/index.js
  • @rjsf/antd/lib/widgets/CheckboxWidget/index.js
  • @rjsf/antd/lib/widgets/CheckboxesWidget/index.js
  • @rjsf/antd/lib/widgets/DateTimeWidget/index.js
  • @rjsf/antd/lib/widgets/DateWidget/index.js
  • @rjsf/antd/lib/widgets/PasswordWidget/index.js
  • @rjsf/antd/lib/widgets/RadioWidget/index.js
  • @rjsf/antd/lib/widgets/RangeWidget/index.js
  • @rjsf/antd/lib/widgets/SelectWidget/index.js
  • @rjsf/antd/lib/widgets/TextareaWidget/index.js
  • @rjsf/antd/lib/widgets/index.js

Readme

Build Status npm npm downloads Contributors Apache 2.0 License


Logo

@rjsf/antd

Ant Design theme, fields and widgets for react-jsonschema-form.
Explore the docs »

View Playground · Report Bug · Request Feature

Table of Contents

About The Project

Ant Design theme, fields and widgets for react-jsonschema-form.

product-screenshot

Built With

Getting Started

Prerequisites

  • antd >= 5
  • @ant-design/icons >= 5
  • dayjs >= 1.8.0
  • @rjsf/core >= 6
  • @rjsf/utils >= 6
  • @rjsf/validator-ajv8 >= 6
npm install antd @ant-design/icons dayjs @rjsf/core @rjsf/utils @rjsf/validator-ajv8

Installation

npm install @rjsf/antd

Usage

import Form from '@rjsf/antd';

or

import { withTheme } from '@rjsf/core';
import { Theme as AntDTheme } from '@rjsf/antd';

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

const Form = withTheme(AntDTheme);

Roadmap

See the general open 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