<juicy-dom-tree-view>

Juicy Polymer Element, that renders a tree view of given Document Fragment

Demo

Check it live!

Install

Install the component using Bower:

$ bower install juicy-dom-tree-view --save

Or download as ZIP.

Usage

1. Import Web Components' polyfill, if needed:

   <script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>

2. Import Custom Element:

   <link rel="import" href="bower_components/juicy-dom-tree-view/juicy-dom-tree-view.html">

3. Start using it!

   <juicy-dom-tree-view doc="{{DocumentFragment}}"></juicy-dom-tree-view>

Attributes/Properties

Name	Options	Default	Description
doc	DocumentFragment		Document Fragment to be rendered
multiple	Boolean	false	Should multi select (with ctrl+click) be available
fake-v1	Boolean	false	Should we fake Shadow DOM v1 and render <content> as <slot>
wrapped-content	Boolean	false	Should we support <cotnent> tags wrapped for styling with <div content-wrapper> and display it as single <slot> for simplicity.

CSS Custom properties

Name	Description
--juicy-dom-tree-selected-background-color	Background color of selected element

Notes

• juicy-dom-tree-view is a hybrid element.

Contributing and Development

History

For detailed changelog, check Releases.

License

MIT