@datalayer/primer-rjsf/README.md

React JSON Schema Form (RJSF) for Primer

[![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)

<div align="center" style="text-align: center">
  <img alt="RJSF Primer Codesanbox" src="https://assets.datalayer.tech/primer-rjsf.png" />
</div>

## Develop

Install the dependencies.

```bash
yarn
```

Start the playground.

```bash
# open http://localhost:5173
npm 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).