Korbs/electron-tabs
1
Fork 0
Code Issues Pull requests Activity

Update links

Browse source
This commit is contained in:
Korbs 2024-12-05 18:29:20 -05:00
parent 7c2d8301d0
commit e4f729b2b0
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
README.md
View file

@ -77,8 +77,8 @@ Use `TabGroup` methods and manipulate tabs in a script after calling `electron-t
// Do stuff
const tab = tabGroup.addTab({
title: "electron-tabs on NPM",
src: "https://www.npmjs.com/package/electron-tabs"
title: "electron-tabs | SudoVanilla Registry",
src: "https://npm.sudovanilla.org/-/web/detail/@sudovanilla/electron-tabs"
});
const pos = tab.getPosition();
console.log("Tab position is " + pos);
@ -100,7 +100,7 @@ Add a new tab and returns the related `Tab` instance.
* `visible` (default: `true`): set this to `false` if you don't want to display the tab once it is loaded. If set to `false` then you will need to call `tab.show()` to display the tab.
* `active` (default: `false`): set this to `true` if you want to activate the tab once it is loaded. Otherwise you will need to call `tab.activate()`.
* `ready`: a callback function to call once the tab is ready. The `Tab` instance is passed as the only parameter.
* `webviewAttributes`: attributes to add to the webview tag. See [webview documentation](http://electron.atom.io/docs/api/web-view-tag/#tag-attributes).
* `webviewAttributes`: attributes to add to the webview tag. See [webview documentation](https://www.electronjs.org/docs/latest/api/webview-tag#tag-attributes).
#### `tabGroup.setDefaultTab(options)`
@ -247,7 +247,7 @@ webview.loadURL("file://path/to/new/page.html");
## Custom styles
To customize tab-group styles, set new values to [electron-tabs CSS variables](https://github.com/brrd/electron-tabs/blob/master/src/style.css) in your application stylesheet.
To customize tab-group styles, set new values to [electron-tabs CSS variables](https://ark.sudovanilla.org/Korbs/electron-tabs/blob/master/src/style.css) in your application stylesheet.
Since `TabGroup` is a Web Component you won't be able to change its styles directly from your app stylesheet. If you need more control over it then you can add a `<style>` tag inside the `<tab-group >` element:
@ -311,7 +311,7 @@ Git and Node 12+.
```bash
# Clone this repo
git clone git@github.com:brrd/electron-tabs.git
git clone git@ark.sudovanilla.org:korbs/electron-tabs.git
cd electron-tabs
# Install dependencies
@ -332,4 +332,4 @@ npm run demo
## License
The MIT License (MIT) - Copyright (c) 2022 Thomas Brouard
The MIT License (MIT NON-AI License) - Copyright (c) 2022 Thomas Brouard, Copyright (c) 2025 SudoVanilla