Skip to content

Commit ebac36a

Browse files
authored
Release
2 parents c58f9d7 + 6b752d0 commit ebac36a

File tree

2 files changed

+27
-1
lines changed

2 files changed

+27
-1
lines changed

README.md

+25
Original file line numberDiff line numberDiff line change
@@ -17,3 +17,28 @@ While working on long list of items, lags will be obvious.
1717
rendered, sub-trees are controlled by CSS, no DOM structure happens.
1818
* `v-if` components will lag whenever sub-trees are expanded, every time they
1919
are 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+
```

package.json

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
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",

0 commit comments

Comments
 (0)