rjsf-mantine-theme
/
0.1.1
rjsf-mantine-theme 0.1.1
Install from the command line:
Learn more about npm packages
$ npm install @aokiapp/rjsf-mantine-theme@0.1.1
Install via package.json:
"@aokiapp/rjsf-mantine-theme": "0.1.1"
About this version
This package provides a Mantine theme for the React JSON Schema Form (rjsf) library.
We have a playgroud where you can see the theme in action:
npm install
npm run build
cd packages/playground
npm run startYou can install the package:
npm:
npm install @mantine/core@7.4.0 @mantine/dates@7.4.0 @mantine/hooks@7.4.0 @rjsf/core @tabler/icons-react dayjs reactyarn:
yarn add @mantine/core@7.4.0 @mantine/dates@7.4.0 @mantine/hooks@7.4.0 @rjsf/core @tabler/icons-react dayjs reactimport { MantineProvider } from '@mantine/core';
import Form from '@aokiapp/rjsf-mantine-theme';
render(
<MantineProvider>
<Form schema={schema} uiSchema={uiSchema} />
</MantineProvider>,
document.getElementById('app'),
);or with a custom theme:
import { withTheme } from '@rjsf/core';
import { Theme as MantineTheme } from '@aokiapp/rjsf-mantine-theme';
// Make modifications to the theme with your own fields and widgets
const Form = withTheme(MantineTheme);For usage of RJSF, please refer the official documentation.
This derivative is based on the @pkalisiewicz's previous work.
This repository is built using RJSF (React JSON Schema Form).
We appreciate the hard work and dedication of the RJSF team and contributors in creating and maintaining this valuable tool.
Apache-2.0
