Documentation: insert electron-tabs.css

This commit is contained in:
Thomas Brouard 2016-11-02 17:13:41 +01:00
parent 3d002db73c
commit ff4cdf3b6b

View file

@ -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