Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

svelte-tree

0.7.0 • Public • Published

svelte-tree

A tree-like outline view for svelte

Installation

npm i -D svelte-tree

How to

The most basic usage follows

<script>
    import Tree from "svelte-tree";
    const tree = [
        {
            name: "This is a root node",
            children: [
                {
                    name: "And it has",
                },
                {
                    name: "two children",
                },
            ],
        },
        {
            name: "This is another root node",
            children: [
                {
                    name: "This one is alone",
                },
                {
                    name: "But this one has nested children",
                    children: [
                        {
                            name: "Like this",
                        },
                        {
                            name: "and this",
                        },
                    ],
                },
            ],
        },
    ];
</script> 
 
<Tree {treelet:node>
    <div class="name">{node.name}</div>
</Tree>

Custom node

Use the slot space to display custom nodes. let:node will give your children DOM/components the access to the nodes being rendered.

License

MIT

Install

npm i svelte-tree

DownloadsWeekly Downloads

2

Version

0.7.0

License

none

Unpacked Size

82 kB

Total Files

8

Last publish

Collaborators

  • avatar