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 #
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 |