furo-ui5-tree-item

furo-ui5-tree-item #

@furo/ui5 v1.18.0
import '@furo/ui5/src/subcomponents/furo-ui5-tree-item.js';
exports FuroUi5TreeItem js
exports <furo-ui5-tree-item> custom-element-definition
superclass LitElement
mixes FBP

Summary: tree item

Description #

furo-tree-item /**

INTERNAL COMPONENT #

This is a helper component to send tablerow-selected event by clicking the row or pressing the enter on the row.

Attributes and Properties #

hidden #

hidden reflects boolean default: true

Description

isGroupLabel #

is-group-label reflects boolean default: false



indentation #

default: 0



_icon #

default: 'border'



focused #

focused reflects boolean



searchmatch #

searchmatch reflects boolean



inedit #

inedit reflects boolean



haserror #

haserror reflects boolean



selected #

selected reflects boolean



noicon #

noicon boolean



Methods #

search(event `` ) ⟹ void

`` fn-search

  • event

_updateItem #

_updateItem() ⟹ void

*fn–update-item



bindData #

bindData(fieldNode `` ) ⟹ void

`` fn-bind-data

  • fieldNode

__addNodeSelectedListener #

__addNodeSelectedListener() ⟹ void

*fn—add-node-selected-listener



Styling #

The following custom properties available for styling:

Custom property Description
--tree-indentation-1 tree indention level 1
default: 16px fallback: N/A
--tree-indentation-2 tree indention level 2
default: 32px fallback: N/A
--tree-indentation-3 tree indention level 3
default: 48px fallback: N/A
--tree-indentation-4 tree indention level 4
default: 56px fallback: N/A
--tree-indentation-5 tree indention level 5
default: 64px fallback: N/A
--tree-indentation-6 tree indention level 6
default: 72px fallback: N/A
--tree-indentation-7 tree indention level 7
default: 80px fallback: N/A
--tree-indentation-8 tree indention level 8
default: 88px fallback: N/A
--tree-indentation-9 tree indention level 9
default: 92px fallback: N/A
--tree-indentation-10 tree indention level 10
default: 96px fallback: N/A
--tree-indentation-11 tree indention level 11
default: 100px fallback: N/A
--tree-indentation-12 tree indention level 12
default: 104px fallback: N/A