tailor-tabs v1.2.1

Tailor Tabs

A simple Tabs component for Tailor.**

Installation

Please note that Tailor Tabs requires the Tailor Framework to function correctly.

To add Tailor to your project you'll need to sign into the Gateway Interactive npm account using $ npm login. The credentials for the account are stored in 1Password.

Then run:
$ yarn add @gateway-interactive/tailor-tabs --save

Then open your primary scss file and import Tailor Tabs AFTER your Tailor import.

@import "path_to/node_modules/\@gateway-interactive/tailor/tailor",
        "path_to/node_modules/\@gateway-interactive/tailor-tabs/tailor-tabs";

Next you'll need to add markup for the Tabs. You can use the example below as a guide.

<section class='tab-pane'>
  <div class='js-tab' data-id='hotel-content-0'>Tab 1</div>
  <div class='js-tab' data-id='hotel-content-1'>Tab 2</div>
</section>
<section class='tab-content'>
  <div class='js-panel' id='hotel-content-0'></div>
  <div class='js-panel' id='hotel-content-1'></div>
</section>