JSON Viewer

Просмотр JSON. Pro · Данные и показатели › Списки и деревья

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add json-viewer

npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { JSONViewer } from 'valyro-ui-pro';

Prop	Type	Default
`data` *	`JSONValue`		Parsed JSON value shown as a collapsible tree; the copy button copies it pretty-printed.
`defaultExpandDepth`	`number`	`1`	Objects and arrays shallower than this start expanded (0 = all collapsed).
`maxStringLength`	`number`	`120`	Strings longer than this are cut with a button to show the rest. `Infinity` disables it.
`labels`	`Partial<JSONViewerLabels>`		Overrides for the built-in English text; keys left out keep their defaults.

List Block — Блок списка с картинками или иконками, описанием и значением
Description List — Список «ключ — значение»: столбиком, строками или сеткой с иконками
Tree View — Древовидные структуры
Accordion — Раскрывающиеся секции
Sortable — Сортировка перетаскиванием
Timeline — Хронология событий
Data Table — Таблицы с поиском и сортировкой
Data Grid — Таблица на 100 000 строк: группировка, фильтры, редактирование
Virtual List — Виртуальный список на 100 000 строк
Bulk Action Bar — Панель действий над выбранными строками с горячими клавишами
Card — Универсальные карточки
Item Card — Карточка-строка: иконка, заголовок, описание и элемент управления справа