diff --git a/Gemfile.lock b/Gemfile.lock index bbc4a47..66666d9 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -1,7 +1,7 @@ PATH remote: . specs: - fortitude-sass (0.8.2) + fortitude-sass (0.8.3) autoprefixer-rails execjs sass (~> 3.3) diff --git a/app/assets/javascripts/fortitude/components/tabs.js b/app/assets/javascripts/fortitude/components/tabs.js index bd478d3..93b89d6 100644 --- a/app/assets/javascripts/fortitude/components/tabs.js +++ b/app/assets/javascripts/fortitude/components/tabs.js @@ -9,21 +9,21 @@ The tabs and tabs-navigation components are used to navigate between different s ### Data Attributes * `data-ft-tabs` on the parent `.tabs` element -* `data-ft-tabs-navigation-link` on each `.tabs-navigation__link` elements +* `data-ft-tabs-navigation-item` on each `.tabs-navigation__item` elements * `data-ft-tabs-content` on each `.tabs__content` element
-

By default, the tabs-navigation javascript will show and hide tabs based on their order in the html. To link a .tabs-navigation__link element to a tab somewhere else, set the data-ft-tabs-navigation-link attribute to the id of the linked tab.

+

By default, the tabs-navigation javascript will show and hide tabs based on their order in the html. To link a .tabs-navigation__item element to a tab somewhere else, set the data-ft-tabs-navigation-item attribute to the id of the linked tab.

### Events event | description --------------------- | ----------------------- -`show.ft.tab` | This tab navigation link is being changed to the active state -`shown.ft.tab` | This tab navigation link is in the active state -`hide.ft.tab` | This tab navigation link is being changed to the inactive state -`hidden.ft.tab` | This tab navigation link is in the inactive state +`show.ft.tab` | This tab navigation item is being changed to the active state +`shown.ft.tab` | This tab navigation item is in the active state +`hide.ft.tab` | This tab navigation item is being changed to the inactive state +`hidden.ft.tab` | This tab navigation item is in the inactive state `show.ft.tabtarget` | This tab content is being shown `shown.ft.tabtarget` | This tab content is shown `hide.ft.tabtarget` | This tab content is being hidden @@ -38,14 +38,14 @@ $(document).on('show.ft.tab', '.tabs', function(event, tabIndex) { ```html_preview_example