A beautiful and easy to use Tree View component for Svelte.
Screenshot:
npm i svelte-tree-view-component
<TreeView >
<TreeBranch rootContent="Languages">
<TreeLeaf>JavaScript</TreeLeaf>
<TreeLeaf>C#</TreeLeaf>
</TreeBranch>
<TreeBranch rootContent="Frameworks">
<TreeLeaf>Svelte</TreeLeaf>
<TreeLeaf>React</TreeLeaf>
</TreeBranch>
</TreeView>
<TreeView >
<TreeBranch rootContent="Languages">
<TreeLeaf>JavaScript</TreeLeaf>
<TreeBranch rootContent="Frameworks">
<TreeLeaf>Svelte</TreeLeaf>
<TreeLeaf>React</TreeLeaf>
</TreeBranch>
</TreeBranch>
</TreeView>
<TreeView >
<TreeBranch rootContent="Languages">
<TreeLeaf><div style="color:red;">Red</div></TreeLeaf>
</TreeBranch>
</TreeView>
<TreeView >
<TreeBranch >
<div style="color:red;" slot="root">Red</div>
<svelte:fragment slot="children">
<TreeLeaf>Svelte</TreeLeaf>
<TreeLeaf>React</TreeLeaf>
</svelte:fragment>
</TreeBranch>
</TreeView>
<TreeView
lineColor="#ff0000"
iconBackgroundColor="#ff0000"
iconColor="#000000"
branchHoverColor="#ff0000">
<TreeBranch rootContent="Languages">
<TreeLeaf>JavaScript</TreeLeaf>
<TreeLeaf>C#</TreeLeaf>
</TreeBranch>
</TreeView>