图书馆 / Dynamic Forms

Dynamic Forms

用于渲染 JSON 架构描述的简洁实用的反应表单的库

@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} />;

国际化

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

// index.js

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

configure({lang: Lang.Ru});

开发

要使用 storybook 启动开发服务器,请执行以下命令:

npm ci
npm run dev
关于图书馆
明星
42
版本
5.5.0
上次更新
04.06.2025
存储库
github.com/gravity-ui/dynamic-forms
执照
MIT License
维护者