Skip to content
On this page

VTreeItem

Props

NameTypeDescription
iconEnum:
10-sec-backward-line
10-sec-backward-solid
10-sec-forward-line
10-sec-forward-solid
30-sec-backward-line
30-sec-backward-solid
30-sec-forward-line
30-sec-forward-solid
5-sec-backward-line
5-sec-backward-solid
5-sec-forward-line
5-sec-forward-solid
... 1217 more ...
A decorative icon the custom element should have. See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
aria-currentEnum:
page
step
location
date
time
true
false
Indicates the element that represents the current item within a container or set of related elements.
expandedbooleanWhen true, the control will be appear expanded by user interaction.
selectedbooleanWhen true, the control will appear selected by user interaction.
disabledbooleanWhen true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled
textstringIndicates the text's text.

Events

NameEvent TypeDescription
clickMouseEventFires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
focusFocusEventFires when the element receives focus.
blurFocusEventFires when the element loses focus.
keydownKeyboardEventFires when a key is pressed.
keyupKeyboardEventFires when a key is released.
inputEventFires when the value of an element has been changed.
expanded-changeCustomEvent<HTMLElement>Fires a custom 'expanded-change' event when the expanded state changes
selected-changeCustomEvent<HTMLElement>Fires a custom 'selected-change' event when the selected state changes

Slots

NameDescription
itemTo specify a child tree item.
iconAdd an icon to the component.