{% extends '@pulsar/pulsar/components/tab.html.twig' %}

{% block tab_content %}

    <h2>jsTree Demo</h2>

    <div id="container">
      <ul>
        <li data-jstree='{ "opened" : true }'>Level 1
          <ul>
            <li>Level 2</li>
            <li>Level 2</li>
            <li>Level 2
                <ul>
                    <li>Level 3</li>
                    <li>Level 3</li>
                    <li>Level 3</li>
                </ul>
            </li>
          </ul>
        </li>
      </ul>
    </div>

{% endblock tab_content %}

{% block tab_sidebar %}
    <a href="https://jadu.gitbooks.io/pulsar/content/text.html">
        <img src="../../../images/cover.png" alt="Pulsar documentation front cover" width="157px" />
    </a>
    <br />
    {{
        html.button({
            'label': 'View Documentation',
            'type': 'link',
            'href': 'https://jadu.gitbooks.io/pulsar/content/text.html'
        })
    }}

{% endblock tab_sidebar %}

Add jsTree Demo Tab Content
Add jsTree Demo Tab Content
