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/tabed@0.7.3/dist/tabed.min.css">
<script src="https://unpkg.com/tabed@0.7.3/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
});