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>