Tree
Hierarchical tree view with expand/collapse.
Generado a partir del código fuente público del paquete.
API
Branchcomponente
@solidiom/tree — Headless tree view primitive. Parts: Root, Item, Branch, ItemIndicator.
Branch(props: TreeBranchProps): Element
Propiedades
class?string
hijos: Element
Itemcomponente
@solidiom/tree — Headless tree view primitive. Parts: Root, Item, Branch, ItemIndicator.
Item(props: TreeItemProps): Element
Propiedades
class?stringdisabled?boolean— Whether this item is disabled.idstring— Unique ID for this item.ref?(el: HTMLDivElement) => voidtextValue?string— Text value for typeahead matching.
hijos: Element
ItemIndicatorcomponente
@solidiom/tree — Headless tree view primitive. Parts: Root, Item, Branch, ItemIndicator.
ItemIndicator(props: TreeItemIndicatorProps): Element
Propiedades
class?string
hijos: Element
Rootcomponente
@solidiom/tree — Headless tree view primitive. Parts: Root, Item, Branch, ItemIndicator.
Root(props: TreeRootProps): Element
Propiedades
class?stringdefaultExpandedIds?Set<string>— Default expanded IDs for uncontrolled mode.defaultSelectedIds?Set<string>— Default selected IDs for uncontrolled mode.expandedIds?Accessor<Set<string>>— Controlled expanded IDs.onExpandedChange?(ids: Set<string>, details: ChangeDetails<TreeReason>) => void— Called when expanded IDs change.onSelectedChange?(ids: Set<string>, details: ChangeDetails<TreeReason>) => void— Called when selected IDs change.ref?(el: HTMLDivElement) => voidselectedIds?Accessor<Set<string>>— Controlled selected IDs.selectionMode?SelectionMode— Selection mode: "single" (default) or "multiple".
hijos: Element
SelectionModetipo
Selection mode for the tree.
TreeBranchPropsinterfaz
Props for a tree branch (group of nested items).
Propiedades
class?string
hijos: Element
TreeContextValueinterfaz
Propiedades
baseIdstring— Generated base ID.expandedIdsAccessor<Set<string>>— Set of currently expanded item IDs.focusedIdAccessor<string | null>— Currently focused item ID.registerItem(item: TreeItemEntry) => () => void— Register a visible tree item for focus management. Returns cleanup.requestExpandedChange(ids: Set<string>, details: ChangeDetails<TreeReason>) => void— Request expansion state change.requestSelectedChange(ids: Set<string>, details: ChangeDetails<TreeReason>) => void— Request selection state change.selectedIdsAccessor<Set<string>>— Set of currently selected item IDs.selectionModeSelectionMode— Selection mode.setFocusedId(id: string | null) => void— Set focus to an item by ID.typeaheadTypeahead— Typeahead instance for character navigation.visibleItemsAccessor<TreeItemEntry[]>— All registered visible items in DOM order.
TreeItemEntryinterfaz
Registration entry for a tree item.
Propiedades
depthnumberdisabledbooleanidstringparentIdstring | nullref?HTMLElementtextValuestring
TreeItemIndicatorPropsinterfaz
Props for the tree item expand/collapse indicator.
Propiedades
class?string
hijos: Element
TreeItemPropsinterfaz
Props for a tree item.
Propiedades
class?stringdisabled?boolean— Whether this item is disabled.idstring— Unique ID for this item.ref?(el: HTMLDivElement) => voidtextValue?string— Text value for typeahead matching.
hijos: Element
TreeReasontipo
Reason for a tree state change.
TreeRootPropsinterfaz
@solidiom/tree — Headless tree view primitive. Parts: Root, Item, Branch, ItemIndicator.
Propiedades
class?stringdefaultExpandedIds?Set<string>— Default expanded IDs for uncontrolled mode.defaultSelectedIds?Set<string>— Default selected IDs for uncontrolled mode.expandedIds?Accessor<Set<string>>— Controlled expanded IDs.onExpandedChange?(ids: Set<string>, details: ChangeDetails<TreeReason>) => void— Called when expanded IDs change.onSelectedChange?(ids: Set<string>, details: ChangeDetails<TreeReason>) => void— Called when selected IDs change.ref?(el: HTMLDivElement) => voidselectedIds?Accessor<Set<string>>— Controlled selected IDs.selectionMode?SelectionMode— Selection mode: "single" (default) or "multiple".
hijos: Element