workbench-tree

Insider

<visual-builder.workbench-tree>

Properties

Name	Description	Type	Default	Required
`nodes`		`WorkbenchNodeData[]`
`actions`		`WorkbenchTreeAction[]`
`actionsHidden`		`boolean`
`placeholder`		`string`
`isTransformName`		`boolean`
`searchPlaceholder`		`string`
`noSearch`		`boolean`
`activeKey`		`string \| number`
`showMatchedNodeOnly`		`boolean`
`matchNodeDataFields`		`string \| string[]`
`fixedActionsFor`		`Record<string, unknown> \| Record<string, unknown>[]`
`collapsible`		`boolean`
`collapsedNodes`		`string[]`
`allowDrag`		`boolean`
`allowDragToRoot`		`boolean`
`allowDragToInside`		`boolean`
`nodeKey`		`string`
`skipNotify`		`boolean`

Name	Description	Event Detail
`action.click`		`ActionClickDetail`
`node.click`		`unknown`
`node.drop`		`any`
`context.menu`		`unknown`
`node.toggle`		`{ nodeId: string; collapsed: boolean }`

<T = unknown>

Name	Type	Required
`if`	`boolean`
`key`	`string \| number`	✅
`name`	`string`	✅
`icon`	`IconConfig`
`data`	`T`
`labelColor`	`string`
`labelPrefix`	`{ text: string; style?: React.CSSProperties }`
`link`	`{ to: string } \| { href: string }`
`badge`	`IconConfig`
`children`	`WorkbenchNodeData[]`
`matched`	`boolean`
`matchedSelf`	`boolean`
`path`	`string`
`isContainer`	`boolean`
`originKey`	`string`
`parentPath`	`string`
`unreachable`	`boolean`

Name	Type	Required
`action`	`string`	✅
`icon`	`IconConfig`	✅
`title`	`string`
`if`	`string \| boolean`

Name	Description	Type	Default	Required
`action`		`string`		✅
`data`		`unknown`

GeneralIconProps & { color?: string }