docs(tab-bar): publish tab bar docs (#718)

closes #631

Author: d-koppenhagen

.pa11yci

@@ -29,6 +29,7 @@
 		"http://127.0.0.1:8080/patterns/components-pagination/index.html",
 		"http://127.0.0.1:8080/patterns/components-sidenavi/index.html",
 		"http://127.0.0.1:8080/patterns/components-table/index.html",
+		"http://127.0.0.1:8080/patterns/components-tab-bar/index.html",
 		"http://127.0.0.1:8080/patterns/areas-footer/index.html",
 		"http://127.0.0.1:8080/patterns/areas-grid/index.html",
 		"http://127.0.0.1:8080/patterns/areas-header-header/areas-header-header.rendered.html",

source/_patterns/02-components/tab-bar/tab-bar.md renamed to source/_patterns/02-components/tab-bar/_tab-bar.md

@@ -2,10 +2,10 @@
 <div class="cmp-tab-bar" role="tablist">
 	<!-- Pay attention to use a component wide, but component instance specific name to the following input[type="radio"] elements //-->
 	{{#each tabs }}
-		<input type="radio" name="cmp-tab-bar-tabs-01" id="radio_{{ label }}" {{#if active }} checked{{/if }}{{#if disabled }}
+		<input type="radio" name="cmp-tab-bar-tabs-01" id="radio_{{ @index }}" {{#if active }} checked{{/if }}{{#if disabled }}
 			disabled{{/if }}>
-		<label for="radio_{{ label }}" role="tab">{{ label }}</label>
-		<section id="content_{{ label }}" role="tabpanel">
+		<label for="radio_{{ @index }}" role="tab">{{ @index }}</label>
+		<section id="content_{{ @index }}" role="tabpanel">
 			{{ content }}
 		</section>
 	{{/each }}

source/_patterns/02-components/tab-bar/tab-bar.hbs

@@ -346,6 +346,11 @@
 			"url": "http://127.0.0.1:8080/patterns/components-table/index.html",
 			"referenceUrl": "https://db-ui.github.io/core/patterns/components-table/index.html"
 		},
+		{
+			"label": "Components – Tab Bar",
+			"url": "http://127.0.0.1:8080/patterns/components-tab-bar/index.html",
+			"referenceUrl": "https://db-ui.github.io/core/patterns/components-tab-bar/index.html"
+		},
 		{
 			"label": "Areas - Header",
 			"url": "http://127.0.0.1:8080/patterns/areas-header/index.html",