File tree Expand file tree Collapse file tree 2 files changed +27
-1
lines changed Expand file tree Collapse file tree 2 files changed +27
-1
lines changed Original file line number Diff line number Diff line change @@ -17,3 +17,28 @@ While working on long list of items, lags will be obvious.
1717rendered, sub-trees are controlled by CSS, no DOM structure happens.
1818* ` v-if ` components will lag whenever sub-trees are expanded, every time they
1919are expanded.
20+
21+
22+ ## Theming
23+
24+ This component provides a dark theme out of box. To use it, just add the
25+ ` g8-tree__dark ` class to the element.
26+
27+ ``` html
28+ <ul class =" g8-tree-view g8-tree__dark" >
29+ <g8-tree-view ></g8-tree-view >
30+ </ul >
31+ ```
32+
33+ If you want to change the color of the component, just defined two variables
34+ before importing the scss file.
35+
36+ ``` scss
37+ /* index.scss */
38+
39+ /* define these two variables before importing the scss file */
40+ $g8-tree-bg : #ccc !default ;
41+ $g8-tree-fg : #333 !default ;
42+
43+ @import " ~vue-tree/src/components/tree-view.scss" ;
44+ ```
Original file line number Diff line number Diff line change 11{
22 "name" : " g8-vue-tree" ,
3- "version" : " 0.0.22" ,
3+ "version" : " 0.0.23" ,
4+ "description" : " A Vue.js tree view component with stable DOM tree." ,
45 "repository" : " git@github.com:eidng8/vue-tree.git" ,
56 "bugs" : " git@github.com:eidng8/vue-tree/issues" ,
67 "author" : " eidng8" ,
You can’t perform that action at this time.
0 commit comments