JsonEditor

Une zone de saisie qui connaît la forme de ce qu'on y écrit.

Elle signale une syntaxe invalide pendant la frappe et rend l'objet analysé à côté du texte : l'appelant reçoit donc les deux, et n'a pas à refaire un JSON.parse dans un try.

Installation

sia-ui add json-editor

Ou par le paquet, sans rien copier :

import { JsonEditor } from "@sia-ui/react-web";

Props

Prop	Type	Défaut	Description
defaultValue	string	{}
formatOnBlur	boolean	true
onValueChange	(value: string, parsed: unknown) => void	—
textareaProps	Partial<Omit<TextareaProps, "value" | "defaultValue" | "onBlur" | "onChange" | "invalid">>	—	La zone de saisie elle-même : resize, classe, correcteur. La valeur, la saisie et invalid suivent l'analyse du JSON ; onBlur se passe au composant, qui l'enchaîne après le formatage.
value	string	—

Voir aussi

• Le composant dans le catalogue — états, variantes, et bac à sable.
• La référence complète — tous les composants.