Skip to content

Latest commit

 

History

History
66 lines (41 loc) · 2.05 KB

README.md

File metadata and controls

66 lines (41 loc) · 2.05 KB
Raw

<juicy-dom-tree-view> Build Status

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

Contributing and Development

History

For detailed changelog, check Releases.

License

MIT