Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kpilens/rjsf-chakra-ui
Chakra UI Theme for Mozilla react JSON schema form using JSONSchema7
https://github.com/kpilens/rjsf-chakra-ui
chakra-ui react-jsonschema-form
Last synced: 3 months ago
JSON representation
Chakra UI Theme for Mozilla react JSON schema form using JSONSchema7
- Host: GitHub
- URL: https://github.com/kpilens/rjsf-chakra-ui
- Owner: kpilens
- Created: 2020-11-07T09:52:33.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2020-11-07T10:12:02.000Z (about 4 years ago)
- Last Synced: 2024-10-01T14:51:49.349Z (3 months ago)
- Topics: chakra-ui, react-jsonschema-form
- Language: TypeScript
- Homepage:
- Size: 360 KB
- Stars: 6
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[![Build Status][build-shield]][build-url]
[![npm][npm-shield]][npm-url]
[![npm downloads][npm-dl-shield]][npm-dl-url]
[![Contributors][contributors-shield]][contributors-url]
[![Apache 2.0 License][license-shield]][license-url]
@kpilens/rjsf-chakra-ui
Chakra UI theme, fields and widgets for react-jsonschema-form.
Explore the docs »
View Playground
·
Report Bug
·
Request Feature
## Table of Contents
- [Table of Contents](#table-of-contents)
- [About The Project](#about-the-project)
- [Built With](#built-with)
- [Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Installation](#installation)
- [Usage](#usage)
- [Roadmap](#roadmap)
- [Contributing](#contributing)
- [Contact](#contact)
## About The Project
[![@rjsf/chakra-ui Screen Shot][product-screenshot]](https://rjsf-team.github.io/@rjsf/chakra-ui)
Exports `chakra-ui` theme, fields and widgets for `react-jsonschema-form`.
### Built With
- [react-jsonschema-form](https://github.com/rjsf-team/react-jsonschema-form/)
- [Chakra UI](https://chakra-ui.com/)
- [TypeScript](https://www.typescriptlang.org/)
## Getting Started
### Prerequisites
- `@chakra-ui/core >= 1.0.0`
- `react >= 16.0.0`
- `@rjsf/core >= 2.0.0`
```bash
yarn add @chakra-ui/core@next
```
### Installation
```bash
yarn add @kpilens/rsjf-chakra-ui @rsjf/core
```
## Usage
```js
import Form from '@kpilens/rjsf-chakra-ui';
```
or
```js
import { withTheme } from '@rjsf/core';
import { Theme as ChakraUITheme } from '@kpilens/rjsf-chakra-ui';
// Make modifications to the theme with your own fields and widgets
const Form = withTheme(ChakraUITheme);
```
## Roadmap
See the [open issues](https://github.com/rjsf-team/react-jsonschema-form/issues) for a list of proposed features (and known issues).
## Contributing
Read our [contributors' guide](https://react-jsonschema-form.readthedocs.io/en/latest/contributing/) to get started.
## Contact
rjsf team: [https://github.com/orgs/rjsf-team/people](https://github.com/orgs/rjsf-team/people)
GitHub repository: [https://github.com/rjsf-team/react-jsonschema-form](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/material-ui/latest.svg?style=flat-square
[npm-url]: https://www.npmjs.com/package/@rjsf/material-ui
[npm-dl-shield]: https://img.shields.io/npm/dm/@rjsf/material-ui.svg?style=flat-square
[npm-dl-url]: https://www.npmjs.com/package/@rjsf/material-ui
[product-screenshot]: https://raw.githubusercontent.com/rjsf-team/react-jsonschema-form/59a8206e148474bea854bbb004f624143fbcbac8/packages/material-ui/screenshot.png