https://github.com/datalayer/primer-rjsf

⚛️ ✔️ React JSON Schema Form (RJSF) for Primer React.
https://github.com/datalayer/primer-rjsf

json-schema-form primer react reactjs rjsf

Last synced: 2 months ago
JSON representation

⚛️ ✔️ React JSON Schema Form (RJSF) for Primer React.

• Host: GitHub
• URL: https://github.com/datalayer/primer-rjsf
• Owner: datalayer
• License: other
• Created: 2023-03-06T07:53:42.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-10-01T15:09:33.000Z (4 months ago)
• Last Synced: 2024-11-14T23:05:16.867Z (2 months ago)
• Topics: json-schema-form, primer, react, reactjs, rjsf
• Language: JavaScript
• Homepage: https://primer-rjsf.datalayer.tech
• Size: 494 KB
• Stars: 5
• Watchers: 2
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
[![Datalayer](https://assets.datalayer.tech/datalayer-25.svg)](https://datalayer.io)

[![Become a Sponsor](https://img.shields.io/static/v1?label=Become%20a%20Sponsor&message=%E2%9D%A4&logo=GitHub&style=flat&color=1ABC9C)](https://github.com/sponsors/datalayer)

# ⚛️ ✔️ React JSON Schema Form (RJSF) for Primer

> [Primer React](https://github.com/primer/react) binding for [React JSON Schema Form](https://github.com/rjsf-team/react-jsonschema-form).

It allows you to generate Primer forms from your [JSON Schema](https://json-schema.org).

This package is published in NPM as `@datalayer/primer-rjsf`.

Browse the [playground](https://primer-rjsf.datalayer.tech) or try the simple examples.

- [StackBlitz](https://stackblitz.com/edit/primer-rjsf-khkhzq?file=App.tsx)

- [CodeSanbox](https://codesandbox.io/p/sandbox/primer-rjsf-example-4kcrrp?file=%2Fpackage.json)



  



## Develop

Install the dependencies.

```bash

yarn

```

Start the playground.

```bash

# open http://localhost:5173

yarn dev

```

You can display examples changing the imports of the `main.tsx` file.

```ts

import App from './examples/FormExample1';

```

## About Primer React

- GitHub repository https://github.com/primer/react

- Documentation https://primer.style/react

- Storybook https://primer.style/react/storybook

- Icons https://primer.style/design/foundations/icons

There is a [discussion](https://github.com/primer/react/discussions/3152) about this repo at the `primer/react` repository.

## About React JSON Schema Form

- Playground https://rjsf-team.github.io/react-jsonschema-form

- Source https://github.com/rjsf-team/react-jsonschema-form

- Documentation https://rjsf-team.github.io/react-jsonschema-form/docs

## Releases

Primer RJSF is released in [Npm.js](https://www.npmjs.com/package/@datalayer/primer-rjsf).