From 24db9851736a15398faa4f3e65551ae7309a8b06 Mon Sep 17 00:00:00 2001 From: Kevin Ball Date: Mon, 15 May 2017 12:58:36 -0700 Subject: [PATCH] Add video links on tabs --- docs/pages/tabs.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/docs/pages/tabs.md b/docs/pages/tabs.md index 20e90683f..ccf7bd8b2 100644 --- a/docs/pages/tabs.md +++ b/docs/pages/tabs.md @@ -20,7 +20,7 @@ There are two pieces to a tabbed interface: the tabs themselves, and the content The tab content container has the class `.tabs-content`, while each section has the class `.tabs-panel`. Each content pane also has a unique ID, which is targeted by a link in the tabstrip.

- Watch this part in video + Watch this part in video

@@ -83,7 +83,7 @@ Put it all together, and we get this: Add the `.vertical` class to a tabstrip to stack tabs vertically. You can also place the tabstrip and the tab contents in a grid to make them sit side-by-side.

- Watch this part in video + Watch this part in video

@@ -139,10 +139,6 @@ Add the `.vertical` class to a tabstrip to stack tabs vertically. You can also p Add the attribute `data-active-collapse="true"` to a tabstrip to collapse active tabs. -

- Watch this part in video -

-
edit on codepen button
@@ -187,6 +183,10 @@ Add the attribute `data-deep-link="true"` to a tabstrip to: - modify the browser history when a tab is clicked - allow users to open a particular tab at page load with a hash-appended URL +

+ Watch this part in video +

+ ```html_example