Class IgcTreeItemComponent

The tree-item component represents a child item of the tree component or another tree item.

Element

igc-tree-item

Slot

  • Renders nested tree-item component.

Slot

label - Renders the tree item container.

Slot

indicator - Renders the expand indicator container.

Slot

loading - Renders the tree item loading indicator container.

Slot

indentation - Renders the container (by default the space) before the tree item.

Csspart

wrapper - The wrapper for the tree item.

Csspart

selected - Indicates selected state. Applies to wrapper.

Csspart

focused - Indicates focused state. Applies to wrapper.

Csspart

active - Indicates an active state. Applies to wrapper.

Csspart

indicator - The expand indicator of the tree item.

Csspart

label - The tree item content.

Csspart

text - The tree item displayed text.

Csspart

select - The checkbox of the tree item when selection is enabled.

Hierarchy

Hierarchy

  • LitElement
    • IgcTreeItemComponent

Constructors

Properties

active: boolean = false

Marks the item as the tree's active item.

Attr

disabled: boolean = false

Get/Set whether the tree item is disabled. Disabled items are ignored for user interactions.

Attr

expanded: boolean = false

The tree item expansion state.

Attr

label: string = ''

The tree item label.

Attr

level: number = 0

The depth of the item, relative to the root.

loading: boolean = false

To be used for load-on-demand scenarios in order to specify whether the item is loading data.

Attr

parent: null | IgcTreeItemComponent = null

The parent item of the current tree item (if any)

selected: boolean = false

The tree item selection state.

Attr

A reference to the tree the item is a part of.

value: any = undefined

The value entry that the tree item is visualizing. Required for searching through items.

Attr

styles: CSSResult[] = ...
tagName: "igc-tree-item" = 'igc-tree-item'

Accessors

Methods