submenu

by kreide

HTML

<link rel="import" href="http://www.polymer-project.org/0.5/components/polymer/polymer.html">
<link rel="import" href="http://www.polymer-project.org/0.5/components/paper-elements/paper-elements.html">
<link rel="import" href="http://www.polymer-project.org/0.5/components/core-elements/core-elements.html">
<body fullbleed layout vertical>
    <sub-test></sub-test>
</body>
<polymer-element name="sub-test">
    <template>
        <core-menu selected="0">
            <template repeat="{{ d in data }}">
                <core-submenu icon="settings" label="{{d}}">
                    <core-submenu icon="settings" label="{{d}}">
                        <core-item label="Topic 1"></core-item>
                        <core-item label="Topic 2"></core-item>
                    </core-submenu>
                    <core-item label="Topic 2"></core-item>
                </core-submenu>
            </template>
        </core-menu>
    </template>
    <script>
        Polymer({
            data: ["Item 1", "Item 2"]
        })
    </script>
</polymer-element>