Documentation: insert electron-tabs.css
This commit is contained in:
parent
3d002db73c
commit
ff4cdf3b6b
1 changed files with 11 additions and 4 deletions
15
README.md
15
README.md
|
@ -14,11 +14,13 @@ $ npm install --save electron-tabs
|
||||||
|
|
||||||
## Usage
|
## Usage
|
||||||
|
|
||||||
Add the following elements in the page HTML:
|
Add the following elements to the app page:
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<div class="etabs-tabs"></div>
|
<div class="etabs-tabgroup">
|
||||||
<div class="etabs-buttons"></div>
|
<div class="etabs-tabs"></div>
|
||||||
|
<div class="etabs-buttons"></div>
|
||||||
|
</div>
|
||||||
<div class="etabs-views"></div>
|
<div class="etabs-views"></div>
|
||||||
```
|
```
|
||||||
|
|
||||||
|
@ -39,6 +41,12 @@ let tab = tabGroup.addTab({
|
||||||
});
|
});
|
||||||
```
|
```
|
||||||
|
|
||||||
|
If you don't want to write your own styles, you can also insert the sample electron-tabs stylesheet in the page header:
|
||||||
|
|
||||||
|
```html
|
||||||
|
<link rel="stylesheet" href="node_modules/electron-tabs/electron-tabs.css">
|
||||||
|
```
|
||||||
|
|
||||||
## API
|
## API
|
||||||
|
|
||||||
### Tab Group
|
### Tab Group
|
||||||
|
@ -141,7 +149,6 @@ The following events are available:
|
||||||
* `tab.on("unflash", (tab) => { ... });`
|
* `tab.on("unflash", (tab) => { ... });`
|
||||||
* `tab.on("close", (tab) => { ... });`
|
* `tab.on("close", (tab) => { ... });`
|
||||||
|
|
||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
The MIT License (MIT) - Copyright (c) 2016 Thomas Brouard
|
The MIT License (MIT) - Copyright (c) 2016 Thomas Brouard
|
||||||
|
|
Loading…
Reference in a new issue