The JSON Schema-based library for rendering forms and form values.
npm install --save-dev @gravity-ui/dynamic-forms
import {DynamicField, Spec, dynamicConfig} from '@gravity-ui/dynamic-forms';
// To embed in a final-form
<DynamicField name={name} spec={spec} config={config} />;
import {DynamicView, dynamicViewConfig} from '@gravity-ui/dynamic-forms';
// To get an overview of the values
<DynamicView value={value} spec={spec} config={dynamicViewConfig} />;
Certain components include text tokens (words and phrases) that are available in two languages: en
(the default) and ru
. To set the language, use the configure
function:
// index.js
import {configure, Lang} from '@gravity-ui/dynamic-forms';
configure({lang: Lang.Ru});
To start the development server with storybook execute the following command:
npm ci
npm run dev