ライブラリ / Dynamic Forms

Dynamic Forms

JSONスキーマで記述された、きれいで機能的な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 の 2 つの言語で利用可能なテキストトークン (単語やフレーズ) が含まれています。言語を設定するには、configure 関数を使用します。

// index.js

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

configure({lang: Lang.Ru});

開発

Storybook を使用して開発サーバーを起動するには、次のコマンドを実行します。

npm ci
npm run dev
ライブラリについて
スター
48
バージョン
5.11.0
最終更新日
22.01.2026
リポジトリ
github.com/gravity-ui/dynamic-forms
ライセンス
MIT License
メンテナー
コントリビューター