TreeViewProps

Controls the animation. By default, the expand and collapse animations are enabled.

Defines a string value that labels the TreeView (more on accessibility by the TreeView).

Identifies the element or elements which will label the TreeView (more on accessibility by the TreeView).

Indicates that the user can select more than one TreeView items. If the TreeView is in a multiple selection mode, set the aria-multiselectable prop to true (more on accessibility by the TreeView).

Controls the rendering of checkboxes. By default, the checkboxes are not rendered (see example).

Specifies the name of the field which will provide a Boolean representation for the checked state of the item. Defaults to checked.

Specifies the name of the field which will provide a Boolean representation for the check indeterminate state of the item. Defaults to checkIndeterminate.

Specifies the name of the field which will provide an array representation of the item children.

Sets the data of the TreeView (more information and examples).

Specifies the name of the field which will provide a Boolean representation for the disabled state of the item. Defaults to disabled.

Controls the dispatching of the drag events. By default, the drag events are not dispatched (see example).

Specifies the name of the field which will provide a Boolean representation for the expanded state of the item. Defaults to expanded.

Controls the rendering of the expand (collapse) icons. By default, the icons are not rendered (see example).

The TreeView has a built-in implementation of focusing and keyboard navigation. By default, the component uses hierarchical indices to uniquely match the focused item. You can use the focusIdField prop for specifying the name of the field which will uniquely describe an item as an alternative to its hierarchical index (see example).

When focusIdField is set, the TreeView executes a depth-first search on the data to find the currently focused item. The getFocusHierarchicalIndex prop specifies the function that will be used as an alternative to the default search algorithm.

Specifies the name of the field which indicates to the TreeView that an item has children even if the children are not initially passed. Used for implementing the load-on-demand feature (see example). Defaults to hasChildren.

Controls the unique id of the TreeView component.

Defines the component that will be used for rendering each of the TreeView items (see example).

Fires when a checkbox is clicked or when Space is pressed on a focused item (see example).

Fires when the expanding or collapsing of an item is requested (see example).

Fires when an item is clicked or when Enter is pressed on a focused item (see example).

Fires when a dragged item is dropped (see example).

Fires when a dragged item changes its position (see example).

Fires when the dragging of an item has started.

Specifies the name of the field which will provide a Boolean representation for the selected state of the item. Defaults to selected.

Configures the size of the TreeView.

The available options are:

• small
• medium
• large
• null—Does not set a size className.

Sets a tabIndex of the TreeView DOM element.

Specifies the name of the field which will provide a text representation for the item. Defaults to text.