https://github.com/sparklinlabs/tab-strip

Robust, stylable, draggable tab strip widget for HTML5 apps
https://github.com/sparklinlabs/tab-strip

Last synced: 2 months ago
JSON representation

Robust, stylable, draggable tab strip widget for HTML5 apps

• Host: GitHub
• URL: https://github.com/sparklinlabs/tab-strip
• Owner: sparklinlabs
• License: isc
• Created: 2016-01-18T04:00:41.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2016-07-01T18:42:34.000Z (almost 9 years ago)
• Last Synced: 2025-04-12T20:36:29.810Z (3 months ago)
• Language: TypeScript
• Homepage: http://sparklinlabs.github.io/tab-strip/
• Size: 45.9 KB
• Stars: 11
• Watchers: 4
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
# tab-strip

Robust, stylable tab strip widget for HTML5 apps.  

Features reorderable and closable tabs.

[![](http://i.imgur.com/eKh9szK.gif)](http://sparklinlabs.github.io/tab-strip/)

## How to install

    npm install tab-strip

## Usage

Check out the [live demo](http://sparklinlabs.github.io/tab-strip/) and its [source code](https://github.com/sparklinlabs/tab-strip/blob/master/src/index.jade).

 * Include ``TabStrip.js`` in your page.

 * Create a container element, call ``tabStrip = new TabStrip(container)``.

 * Create a list item element (``
``), put whatever you want inside.

 * Use ``tabStrip.tabsRoot.appendChild(item)``.


See [index.d.ts](https://github.com/sparklinlabs/tab-strip/blob/master/index.d.ts) for the full API.

## Building from source

 * Make sure you have a recent version of [Node.js](http://nodejs.org/) installed.

 * Clone the repository from `https://github.com/sparklinlabs/tab-strip` and run `npm install` once

 * Run `npm run build` to build once or `npm run watch` to start a watcher that will rebuild when changes are detecting