svichas / tabed

A javascript library for creating html tabs

Tabed

tabed is a small, super fast and easy to use JavaScript Library to create HTML tabs.

Installation

<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/tabed.min.css">
<script src="https://unpkg.com/[email protected]/dist/tabed.min.js"></script>

or

npm install tabed

Browsers support

IE / Edge	Firefox	Chrome	Safari	iOS Safari	Samsung	Opera	Opera Mini
IE10, IE11, Edge	last 3 versions	last 3 versions	last 3 versions	last 2 versions	last 2 versions	last 2 versions	last 2 versions

Example

<div class="tabed">
  <div class="tab" data-title='tab placeholder 1'>
    this is a tab 1
  </div>
  <div class="tab" data-title='tab placeholder 2'>
    this is a tab 2
  </div>
</div>
<script>
  new Tabed(".tabed", {
    // options...
  });
</script>

Options

theme

Option to set theme

new Tabed(".tabed", {
theme: "theme_name"
});

tabOpen

Option to set tab that will be open on start

new Tabed(".tabed", {
tabOpen: 2
});

tabed's Issues

Release 1.0.0 features

1. Rename project to tabed
2. Add settings parameters to main function
3. Add theme support
4. Create contributing.md
5. Create a gh-pages documentation site
6. Add cdn option to install
7. Rewrite readme.md

Convert JS to ES6 syntax with babel

Convert JS to ES6 syntax with babel