/ Dynamic Forms

Dynamic Forms

用于渲染由 JSON schema 描述的整洁且功能齐全的 React 表单的库。

@gravity-ui/dynamic-forms · npm package CI storybook

基于 JSON Schema 的库,用于渲染表单和表单值。

安装

npm install --save-dev @gravity-ui/dynamic-forms

用法

import {DynamicField, Spec, dynamicConfig} from '@gravity-ui/dynamic-forms';

// 嵌入到 final-form 中
<DynamicField name={name} spec={spec} config={config} />;

import {DynamicView, dynamicViewConfig} from '@gravity-ui/dynamic-forms';

// 获取值的概览
<DynamicView value={value} spec={spec} config={dynamicViewConfig} />;

国际化 (I18N)

某些组件包含两种语言的文本标记(单词和短语):en(默认)和 ru。要设置语言,请使用 configure 函数:

// index.js

import {configure, Lang} from '@gravity-ui/dynamic-forms';

configure({lang: Lang.Ru});

开发

要启动带有 storybook 的开发服务器,请执行以下命令:

npm ci
npm run dev
关于库
星标
47
版本
5.9.0
最后更新
11.09.2025
代码仓库
github.com/gravity-ui/dynamic-forms
许可证
MIT License
维护者