Skip to main content

CnFolderTree

Recursive presentational folder tree. Renders a (possibly nested) list of { id, name, icon?, count?, children? } folders and emits select with a folder id when one is clicked. Purely presentational — data loading and CRUD live in CnFolderSidebar.

<CnFolderTree :folders="tree" :selected-id="active" @select="onSelect" />

Props

PropTypeDefaultDescription
foldersArray[]Folders at this level; each may carry a children array.
selectedIdString | NumbernullThe currently selected folder id.

Props

NameTypeRequiredDefaultDescription
foldersunion[]Folders at this level. Each may carry a children array for nesting.
selectedIdstring&#124;numbernullThe currently selected folder id.

Events

NamePayloadDescription
selectEmitted when a folder (at this level or a descendant) is clicked.