TreeIndexPagecomponent
TreeIndexPage(): ReactNode
| Return | |
|---|---|
ReactNode | A <Page> with a search input, kind checkboxes, and a flat card listing of results. |
Page listing every element in the system in one flat, searchable view.
- A
<TextInput>filters as you type; a row of kind checkboxes narrows bykindviasearchTree'sfilter. - The kind checkboxes are multi-select — ticking several narrows to a
kind IN […]filter; ticking none shows every kind. - An empty query lists everything (capped at 100); a non-empty query ranks with
searchTreeand caps at 20. - Reads the whole tree from the surrounding
<TreeProvider>(the flattened map's root), so it works on every page. - Wired as a
<TreeApp>fallback route atTREE_INDEX_PATH(/all) — it's not a node in the tree.
Examples
<Router routes={{ [TREE_INDEX_PATH]: TreeIndexPage }} />