tab-strip

HTML5 draggable tab strip widget

Usage no npm install needed!

<script type="module">
  import tabStrip from 'https://cdn.skypack.dev/tab-strip';
</script>

README

tab-strip

Robust, stylable tab strip widget for HTML5 apps.
Features reorderable and closable tabs.

How to install

npm install tab-strip

Usage

Check out the live demo and its source code.

  • Include TabStrip.js in your page.
  • Create a container element, call tabStrip = new TabStrip(container).
  • Create a list item element (<li>), put whatever you want inside.
  • Use tabStrip.tabsRoot.appendChild(item).

See index.d.ts for the full API.

Building from source

  • Make sure you have a recent version of Node.js 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