Bibliothèques / Dynamic Forms

Dynamic Forms

Bibliothèque pour le rendu de formulaires React soignés et fonctionnels décrits par un schéma JSON.

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

Bibliothèque basée sur JSON Schema pour le rendu de formulaires et de valeurs de formulaires.

Installation

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

Utilisation

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

// Pour intégrer dans un final-form
<DynamicField name={name} spec={spec} config={config} />;

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

// Pour obtenir un aperçu des valeurs
<DynamicView value={value} spec={spec} config={dynamicViewConfig} />;

Internationalisation (I18N)

Certains composants incluent des jetons textuels (mots et phrases) disponibles en deux langues : en (par défaut) et ru. Pour définir la langue, utilisez la fonction configure :

// index.js

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

configure({lang: Lang.Ru});

Développement

Pour démarrer le serveur de développement avec Storybook, exécutez la commande suivante :

npm ci
npm run dev
À propos de la bibliothèque
Étoiles
47
Version
5.9.0
Dernière mise à jour
11.09.2025
Dépôt
github.com/gravity-ui/dynamic-forms
Licence
MIT License
Mainteneurs
Contributeurs