From 23410aae4e1aa0052a4b9d56778066e42bb70c9d Mon Sep 17 00:00:00 2001
From: Erin Becker <ebecker@carpentries.org>
Date: Fri, 17 May 2024 08:54:54 -0700
Subject: [PATCH] add tabs to component guide

Tabbed callouts and grouped tabs already appeared in the Episode episode, but not in the component guide. Adding to the component guide (and fixing broken link to Episodes episode from component guide).
---
 learners/component-guide.md | 62 ++++++++++++++++++++++++++++++++++++-
 1 file changed, 61 insertions(+), 1 deletion(-)

diff --git a/learners/component-guide.md b/learners/component-guide.md
index 1a1c0ca1..460cd0cd 100644
--- a/learners/component-guide.md
+++ b/learners/component-guide.md
@@ -8,7 +8,7 @@ title: "Workbench Component Guide"
 
 This is the component guide for the workbench. For details on how to create 
 components from [fenced divs][fenced-divs], read the [Callout Blocks section of
-"Episode Structure"](episodes.Rmd#callout-blocks).
+"Episode Structure"](episodes.html#callout-blocks).
 
 ::::::::::::::::::::::::::
 
@@ -152,3 +152,63 @@ that can be expanded and collapsed on demand.
 
 :::::::::::::::::::::::::
 
+
+### Tabbed Callouts
+
+::::::::::::::::: tab
+
+### Windows
+
+Some Windows instructions
+
+### Mac
+
+Maybe some for Mac
+
+### Linux
+
+And more for Linux users, including a code block:
+
+```python
+  print("Yay, tabs!")
+```
+
+:::::::::::::::::::::::::
+
+### Grouped Tabs
+
+The first tab specified is the default tab. Selecting a tab in one tab group changes the tab in
+the other group(s).
+
+::::::::::::::::::::: group-tab
+
+### Windows
+
+1
+
+### Mac
+
+2
+
+### Linux
+
+3
+
+:::::::::::::::::::::::::::::::
+
+::::::::::::::::::::: group-tab
+
+### Windows
+
+4
+
+### Mac
+
+5
+
+### Linux
+
+6
+
+:::::::::::::::::::::::::::::::
+