Merge pull request #33 from st3phhays/choco-theme-0.8.3

(#31)(#32) Nested lists and Tab component

manifest.json

@@ -1,7 +1,7 @@
 {
   "name": "choco-theme",
   "author": "Chocolatey Software",
-  "version": "102.0.0",
+  "version": "102.1.0",
   "api_version": 2,
   "default_locale": "en-us",
   "settings": [

package.json

@@ -7,7 +7,7 @@
     "node-fetch": "^2.1.2"
   },
   "devDependencies": {
-    "choco-theme": "0.8.1"
+    "choco-theme": "0.8.3"
   },
   "scripts": {
     "build": "./bin/compile.rb & yarn choco-theme",

templates/home_page.hbs

@@ -80,3 +80,18 @@
     {{/if}}
   </section>
 </div>
+{{!-- The below container is used for components that should not be purged from choco-theme css. --}}
+<div class="d-none">
+  <ul class="nav nav-tabs" id="myTab" role="tablist">
+    <li class="nav-item" role="presentation">
+      <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home-tab-pane" type="button" role="tab" aria-controls="home-tab-pane" aria-selected="true">Home</button>
+    </li>
+    <li class="nav-item" role="presentation">
+      <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile-tab-pane" type="button" role="tab" aria-controls="profile-tab-pane" aria-selected="false">Profile</button>
+    </li>
+  </ul>
+  <div class="tab-content" id="myTabContent">
+    <div class="tab-pane fade show active" id="home-tab-pane" role="tabpanel" aria-labelledby="home-tab" tabindex="0"></div>
+    <div class="tab-pane fade" id="profile-tab-pane" role="tabpanel" aria-labelledby="profile-tab" tabindex="0"></div>
+  </div>
+</div>