Props

nodes

type: Array

required: true

description: An array of nodes to show. Available properties of a node object:

KeyTypeDescription
id (required)number | stringUsed to identify the node within the tree. Its value must be unique in a nodes array.
label (required)stringUsed to display the option.
checkedbooleanDetermines whether the node is selected.
expandedbooleanDetermines whether the node is expanded.
hiddenbooleanDetermines whether the node is hidden.
undeletablebooleanDetermines whether the node is undeletable when useRowDelete is true.
nodesArrayArray of node objects.

indentSize

type: number

default: 10

description: Indent size in pixels of tree nodes.

gap

type: number

default: 10

description: Vertical space between tree nodes.

rowHoverBackground

type: string

default: #e0e0e0

description: The background style to apply on hover state.

useCheckbox

type: boolean

default: false

description: Checkbox availability state.

useIcon

type: boolean

default: true

description: Icon status used for parent nodes according to their extensibility state.

useRowDelete

type: boolean

default: false

description: It is used in cases where the ability to delete items in the tree will be added.

showChildCount

type: boolean

default: false

description: Value used to display the number of child items below the parent item.

expandable

type: boolean

default: true

description: Determines the extensibility of the items in the tree.

searchText

type: string

default: ""

description: Filters tree by a given word.