TBD Add example markdown tabs in DVC docs home

content/docs/index.md

@@ -5,6 +5,39 @@ Data Version Control, or DVC, is a data and ML
 advantage of the existing engineering toolset that you're already familiar with
 (Git, CI/CD, etc.).
 
+<toggle>
+
+<tab title="Tab 1">
+
+```dvc
+$ git status
+  Changes to be committed:
+        new file:   .dvc/.gitignore
+        new file:   .dvc/config
+        ...
+$ git commit -m "Initialize DVC"
+```
+
+</tab>
+
+<tab title="Tab 2">
+
+```dvc
+$ dvc init
+```
+
+</tab>
+
+<tab title="Tab 3">
+
+```dvc
+$ dvc exp run --set-param featurize.max_features=3000
+```
+
+</tab>
+
+</toggle>
+
 <cards>
 
   <card href="/doc/start" heading="Get Started">
@@ -25,6 +58,41 @@ advantage of the existing engineering toolset that you're already familiar with
 
 </cards>
 
+<toggle>
+
+<tab title="Tab 1">
+
+- nd ligula lacus sed mi. Proin hendrerit molestie est vitae tempor. Nulla
+  ultrices, tortor sed convallis molestie, sed sapien varius pharetra ut id
+  justo.
+- Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
+  turpis egestas. Phasellus ac aliquet risus. Vestibulum ut felis nec erat
+  accumsan
+- risus mauris porta ipsum, vitae suscipit eros felis at risus. Duis in nunc et
+  quam mattis porta. Fusce eget fermentum velit. Nullam id lectus
+
+</tab>
+
+<tab title="Tab 2">
+
+- Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
+  turpis egestas. Phasellus ac aliquet risus. Vestibulum ut felis nec erat
+  accumsan
+
+</tab>
+
+<tab title="Tab 3">
+
+- Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
+  turpis egestas. Phasellus ac aliquet risus. Vestibulum ut felis nec erat
+  accumsan
+- risus mauris porta ipsum, vitae suscipit eros felis at risus. Duis in nunc et
+  quam mattis porta. Fusce eget fermentum velit. Nullam id lectus
+
+</tab>
+
+</toggle>
+
 ✅ Please join our [community](/community) or use the [support](/support)
 channels if you have any questions or need specific help. We are very responsive
 ⚡.
@@ -34,3 +102,19 @@ us a ⭐ if you like the project!
 
 ✅ Contribute to DVC [on GitHub](https://github.com/iterative/dvc) or help us
 improve this [documentation](https://github.com/iterative/dvc.org) 🙏.
+
+<toggle>
+
+<tab title="Tab 4">
+nd ligula lacus sed mi. Proin hendrerit molestie est vitae tempor. Nulla ultrices, tortor sed convallis molestie, risus mauris porta ipsum, vitae suscipit eros felis at risus. Duis in nunc et quam mattis porta. Fusce eget fermentum velit. Nullam id lectus sed sapien varius pharetra ut id justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus ac aliquet risus. Vestibulum ut felis nec erat accumsan
+</tab>
+
+<tab title="Tab 5">
+da quis vel est. Sed at varius lectus, ac tincidunt diam. Donec eu convallis sem, ac scelerisque risus. Aliquam eu turpis tristique, fermentum justo in, ultricies arcu. Nulla mi quam, ultricies sed tincidunt sed, tristique at quam. Etiam tellus enim, ullamcorper a velit et, euismod lobortis diam. Maecenas commodo auctor metus efficitur ornare. Quisque ut est fermentum, viverra augue a, dignissim tellus. Sed et vulputate lorem, sollicitudin tempus ante. Aenean sed nunc vel metus euismo
+</tab>
+
+<tab title="Tab 6">
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce leo nisi, scelerisque non molestie dapibus, rhoncus eu lorem. Aenean luctus diam mauris, non aliquam urna interdum ac. Suspendisse pellentesque neque ipsum, id pharetra nisi tincidunt eget. Duis auctor enim nisl, vel vestibulum mi feugiat quis. Nulla volutpat turpis non gravida dictum. Suspendisse venenatis lacus vitae nisl bibendum rhoncus. Fusce justo sapien, rhoncus vitae congue quis, porttitor at dui. Aenean rhoncus egestas enim, at accumsan enim molestie quis. Etiam aliquam tincidunt sem vel tempor. Integer sollicitudin dictum maximus. Vestibulum ornare leo quis tortor bibendum, sed fri
+</tab>
+
+</toggle>