https://github.com/8ctopus/sciter-tabs
Experimenting with tabs insciter.js
https://github.com/8ctopus/sciter-tabs
sciter-js tabs-component
Last synced: 8 months ago
JSON representation
Experimenting with tabs insciter.js
- Host: GitHub
- URL: https://github.com/8ctopus/sciter-tabs
- Owner: 8ctopus
- License: mit
- Created: 2021-04-28T09:05:06.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2025-02-28T05:49:56.000Z (over 1 year ago)
- Last Synced: 2025-10-20T16:49:44.833Z (9 months ago)
- Topics: sciter-js, tabs-component
- Language: HTML
- Homepage:
- Size: 392 KB
- Stars: 4
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# sciter tabs
This is a [sciter.js](https://sciter.com/) project that explores how to create tabs.
It explores 3 different ways to create tabs, namely:
- pure css
- classic javascript way
- using sciter's [`Element.State`](https://github.com/c-smile/sciter-js-sdk/blob/main/docs/md/Element.State.md) property `expanded`
For a more advanced way in the form of a component, check out [sciter pagecontrol](https://github.com/8ctopus/sciter-pagecontrol).
## demo
- git clone the repository
- install packages `npm install`
- install latest sciter sdk `npm run install-sdk`
- start the demo `npm run scapp`
### demo requirements
- A recent version of Node.js `node` (tested with 22 LTS) and its package manager `npm`.
- On Windows [download](https://nodejs.dev/download/) and run the installer
- On Linux check the [installation guide](https://www.digitalocean.com/community/tutorials/how-to-install-node-js-on-ubuntu-20-04#option-2-%E2%80%94-installing-node-js-with-apt-using-a-nodesource-ppa)