Node Library

Палитра нод: нечёткий поиск, категории, избранное, перетаскивание на холст. Pro · Изображения и генерация › Нод-граф

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add node-library

npm install valyro-ui-pro

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

Пропсы

Prop	Type	Default
`types` *	`readonly NodeTypeDef[]`		Node type registry.
`onAdd`	`(def: NodeTypeDef) => void`		Click or Enter on a node type, e.g. `(def) => editor.addNode(def.type)`.
`favorites`	`readonly string[]`		Starred node type keys.
`defaultFavorites`	`readonly string[]`	`[]`	Initial `favorites` when uncontrolled.
`onFavoritesChange`	`(types: readonly string[]) => void`		Called with the new `favorites` when it changes.
`recents`	`readonly string[]`		Recently added node type keys, newest first; updated on add and on drop.
`defaultRecents`	`readonly string[]`	`[]`	Initial `recents` when uncontrolled.
`onRecentsChange`	`(types: readonly string[]) => void`		Called with the new `recents` when it changes.
`maxRecents`	`number`	`5`	Most node types kept in `recents`. @default 5
`query`	`string`		Controlled `query`; use with `onQueryChange`.
`defaultQuery`	`string`	`''`	Initial `query` when uncontrolled.
`onQueryChange`	`(query: string) => void`		Called with the new `query` when it changes.
`portType`	`string`		Only node types with a socket of this type; `''` shows all.
`defaultPortType`	`string`	`''`	Initial `portType` when uncontrolled.
`onPortTypeChange`	`(type: string) => void`		Called with the new `portType` when it changes.
`portTypes`	`PortTypeStyles`		Colours of socket types, as on the canvas.
`defaultCollapsed`	`readonly string[]`	`[]`	Category paths collapsed at first.
`draggable`	`boolean`	`true`	Rows can be dragged onto a NodeCanvas. @default true
`labels`	`Partial<NodeLibraryLabels>`		Overrides for the built-in English text; keys left out keep their defaults.

Node Library

Установка

Пропсы

Похожие компоненты