@rjsf/antd

!Build Statusbuild-shieldbuild-url !npmnpm-shieldnpm-url !npm downloadsnpm-dl-shieldnpm-dl-url !Contributorscontributors-shieldcontributors-url !Apache 2.0 Licenselicense-shieldlicense-url

<img src="https://raw.githubusercontent.com/rjsf-team/react-jsonschema-form/59a8206e148474bea854bbb004f624143fbcbac8/packages/antd/logo.png" alt="Logo" width="120" height="120">

@rjsf/antd

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

<br />
<a href="https://rjsf-team.github.io/react-jsonschema-form/docs/"><strong>Explore the docs »</strong></a>
<br />
<br />
<a href="https://rjsf-team.github.io/react-jsonschema-form/">View Playground</a>
·
<a href="https://github.com/rjsf-team/react-jsonschema-form/issues">Report Bug</a>
·
<a href="https://github.com/rjsf-team/react-jsonschema-form/issues">Request Feature</a>

Table of Contents

• Table of Contents
• About The Project

- Built With

• Getting Started

- Prerequisites - Installation

• Usage
• Roadmap
• Contributing
• Contact

About The Project

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

Built With

• react-jsonschema-form
• Ant Design

Getting Started

Prerequisites

• antd >= 4.0.0
• @ant-design/icons >= 4.0.0
• dayjs >= 1.8.0
• @rjsf/core >= 2.0.0

npm install antd @ant-design/icons dayjs @rjsf/core

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