[BD-46] docs: added tabs for component pages

src/ActionRow/README.md

@@ -6,6 +6,7 @@ components:
 - ActionRowSpacer
 categories:
 - Buttonlike
+tabName: 'implementation'
 status: 'Stable'
 designStatus: 'Done'
 devStatus: 'Done'

src/ActionRow/design-guidelines.md

@@ -0,0 +1,24 @@
+---
+title: 'ActionRow'
+tabName: 'design-guidelines'
+---
+
+<p>We are excited to announce upcoming improvements to the Design Guidelines section for the <strong>ActionRow</strong> component.
+These updates aim to enhance the ease and effectiveness of utilizing the component in your projects.
+Please review the preliminary list of changes that will soon be available:</p>
+
+<h2>What to Expect:</h2>
+
+<ol>
+  <li><strong>Expanded Usage Examples:</strong> We will be adding more detailed and diverse usage examples for the component, allowing you to seamlessly integrate it into various scenarios.</li>
+
+  <li><strong>Optimized Code:</strong> We are working on optimizing the component's code for improved performance and readability.</li>
+
+  <li><strong>Interactive Demonstrations:</strong> Providing interactive demonstrations that allow you to interact with the component in real-time and assess its capabilities.</li>
+
+  <li><strong>Best Design Practices:</strong> Additional tips on using the component in line with best design practices.</li>
+
+  <li><strong>Extra Resources:</strong> Delivering supplementary resources such as graphics, templates, and guides to facilitate the integration process.</li>
+</ol>
+
+<p>Stay tuned for updates, as we strive to make the use of <strong>ActionRow</strong> even more convenient and productive! If you have specific requests or suggestions, feel free to share them with us.</p>

src/Alert/README.md

@@ -7,6 +7,7 @@ components:
 - AlertLink
 categories:
 - Status & metadata
+tabName: 'implementation'
 status: 'Stable'
 designStatus: 'Done'
 devStatus: 'Done'

src/Alert/design-guidelines.md

@@ -0,0 +1,24 @@
+---
+title: 'Alert'
+tabName: 'design-guidelines'
+---
+
+<p>We are excited to announce upcoming improvements to the Design Guidelines section for the <strong>Alert</strong> component.
+These updates aim to enhance the ease and effectiveness of utilizing the component in your projects.
+Please review the preliminary list of changes that will soon be available:</p>
+
+<h2>What to Expect:</h2>
+
+<ol>
+  <li><strong>Expanded Usage Examples:</strong> We will be adding more detailed and diverse usage examples for the component, allowing you to seamlessly integrate it into various scenarios.</li>
+
+  <li><strong>Optimized Code:</strong> We are working on optimizing the component's code for improved performance and readability.</li>
+
+  <li><strong>Interactive Demonstrations:</strong> Providing interactive demonstrations that allow you to interact with the component in real-time and assess its capabilities.</li>
+
+  <li><strong>Best Design Practices:</strong> Additional tips on using the component in line with best design practices.</li>
+
+  <li><strong>Extra Resources:</strong> Delivering supplementary resources such as graphics, templates, and guides to facilitate the integration process.</li>
+</ol>
+
+<p>Stay tuned for updates, as we strive to make the use of <strong>Alert</strong> even more convenient and productive! If you have specific requests or suggestions, feel free to share them with us.</p>

src/Annotation/README.md

@@ -5,6 +5,7 @@ components:
 - Annotation
 categories:
 - Status & metadata
+tabName: 'implementation'
 status: 'New'
 designStatus: 'Done'
 devStatus: 'In progress'

src/Annotation/design-guidelines.md

@@ -0,0 +1,24 @@
+---
+title: 'Annotation'
+tabName: 'design-guidelines'
+---
+
+<p>We are excited to announce upcoming improvements to the Design Guidelines section for the <strong>Annotation</strong> component.
+These updates aim to enhance the ease and effectiveness of utilizing the component in your projects.
+Please review the preliminary list of changes that will soon be available:</p>
+
+<h2>What to Expect:</h2>
+
+<ol>
+  <li><strong>Expanded Usage Examples:</strong> We will be adding more detailed and diverse usage examples for the component, allowing you to seamlessly integrate it into various scenarios.</li>
+
+  <li><strong>Optimized Code:</strong> We are working on optimizing the component's code for improved performance and readability.</li>
+
+  <li><strong>Interactive Demonstrations:</strong> Providing interactive demonstrations that allow you to interact with the component in real-time and assess its capabilities.</li>
+
+  <li><strong>Best Design Practices:</strong> Additional tips on using the component in line with best design practices.</li>
+
+  <li><strong>Extra Resources:</strong> Delivering supplementary resources such as graphics, templates, and guides to facilitate the integration process.</li>
+</ol>
+
+<p>Stay tuned for updates, as we strive to make the use of <strong>Annotation</strong> even more convenient and productive! If you have specific requests or suggestions, feel free to share them with us.</p>

src/Avatar/README.md

@@ -5,6 +5,7 @@ components:
 - Avatar
 categories:
 - Imagery & Iconography
+tabName: 'implementation'
 status: 'New'
 designStatus: 'Done'
 devStatus: 'Done'

src/Avatar/design-guidelines.md

@@ -0,0 +1,24 @@
+---
+title: 'Avatar'
+tabName: 'design-guidelines'
+---
+
+<p>We are excited to announce upcoming improvements to the Design Guidelines section for the <strong>Avatar</strong> component.
+These updates aim to enhance the ease and effectiveness of utilizing the component in your projects.
+Please review the preliminary list of changes that will soon be available:</p>
+
+<h2>What to Expect:</h2>
+
+<ol>
+  <li><strong>Expanded Usage Examples:</strong> We will be adding more detailed and diverse usage examples for the component, allowing you to seamlessly integrate it into various scenarios.</li>
+
+  <li><strong>Optimized Code:</strong> We are working on optimizing the component's code for improved performance and readability.</li>
+
+  <li><strong>Interactive Demonstrations:</strong> Providing interactive demonstrations that allow you to interact with the component in real-time and assess its capabilities.</li>
+
+  <li><strong>Best Design Practices:</strong> Additional tips on using the component in line with best design practices.</li>
+
+  <li><strong>Extra Resources:</strong> Delivering supplementary resources such as graphics, templates, and guides to facilitate the integration process.</li>
+</ol>
+
+<p>Stay tuned for updates, as we strive to make the use of <strong>Avatar</strong> even more convenient and productive! If you have specific requests or suggestions, feel free to share them with us.</p>

src/AvatarButton/README.md

@@ -4,6 +4,7 @@ components:
 - AvatarButton
 categories:
 - Buttonlike
+tabName: 'implementation'
 type: 'component'
 status: 'New'
 designStatus: 'Done'

src/AvatarButton/design-guidelines.md

@@ -0,0 +1,24 @@
+---
+title: 'AvatarButton'
+tabName: 'design-guidelines'
+---
+
+<p>We are excited to announce upcoming improvements to the Design Guidelines section for the <strong>AvatarButton</strong> component.
+These updates aim to enhance the ease and effectiveness of utilizing the component in your projects.
+Please review the preliminary list of changes that will soon be available:</p>
+
+<h2>What to Expect:</h2>
+
+<ol>
+  <li><strong>Expanded Usage Examples:</strong> We will be adding more detailed and diverse usage examples for the component, allowing you to seamlessly integrate it into various scenarios.</li>
+
+  <li><strong>Optimized Code:</strong> We are working on optimizing the component's code for improved performance and readability.</li>
+
+  <li><strong>Interactive Demonstrations:</strong> Providing interactive demonstrations that allow you to interact with the component in real-time and assess its capabilities.</li>
+
+  <li><strong>Best Design Practices:</strong> Additional tips on using the component in line with best design practices.</li>
+
+  <li><strong>Extra Resources:</strong> Delivering supplementary resources such as graphics, templates, and guides to facilitate the integration process.</li>
+</ol>
+
+<p>Stay tuned for updates, as we strive to make the use of <strong>AvatarButton</strong> even more convenient and productive! If you have specific requests or suggestions, feel free to share them with us.</p>

src/Badge/README.md

@@ -5,6 +5,7 @@ components:
 - Badge
 categories:
 - Status & metadata
+tabName: 'implementation'
 status: 'Stable'
 designStatus: 'Done'
 devStatus: 'Done'

src/Badge/design-guidelines.md

@@ -0,0 +1,24 @@
+---
+title: 'Badge'
+tabName: 'design-guidelines'
+---
+
+<p>We are excited to announce upcoming improvements to the Design Guidelines section for the <strong>Badge</strong> component.
+These updates aim to enhance the ease and effectiveness of utilizing the component in your projects.
+Please review the preliminary list of changes that will soon be available:</p>
+
+<h2>What to Expect:</h2>
+
+<ol>
+  <li><strong>Expanded Usage Examples:</strong> We will be adding more detailed and diverse usage examples for the component, allowing you to seamlessly integrate it into various scenarios.</li>
+
+  <li><strong>Optimized Code:</strong> We are working on optimizing the component's code for improved performance and readability.</li>
+
+  <li><strong>Interactive Demonstrations:</strong> Providing interactive demonstrations that allow you to interact with the component in real-time and assess its capabilities.</li>
+
+  <li><strong>Best Design Practices:</strong> Additional tips on using the component in line with best design practices.</li>
+
+  <li><strong>Extra Resources:</strong> Delivering supplementary resources such as graphics, templates, and guides to facilitate the integration process.</li>
+</ol>
+
+<p>Stay tuned for updates, as we strive to make the use of <strong>Badge</strong> even more convenient and productive! If you have specific requests or suggestions, feel free to share them with us.</p>

src/Breadcrumb/README.md

@@ -5,6 +5,7 @@ components:
 - Breadcrumb
 categories:
 - Navigation
+tabName: 'implementation'
 status: 'Needs Work'
 designStatus: 'DONE'
 devStatus: 'To Do'

src/Breadcrumb/design-guidelines.md

@@ -0,0 +1,24 @@
+---
+title: 'Breadcrumbs'
+tabName: 'design-guidelines'
+---
+
+<p>We are excited to announce upcoming improvements to the Design Guidelines section for the <strong>Breadcrumbs</strong> component.
+These updates aim to enhance the ease and effectiveness of utilizing the component in your projects.
+Please review the preliminary list of changes that will soon be available:</p>
+
+<h2>What to Expect:</h2>
+
+<ol>
+  <li><strong>Expanded Usage Examples:</strong> We will be adding more detailed and diverse usage examples for the component, allowing you to seamlessly integrate it into various scenarios.</li>
+
+  <li><strong>Optimized Code:</strong> We are working on optimizing the component's code for improved performance and readability.</li>
+
+  <li><strong>Interactive Demonstrations:</strong> Providing interactive demonstrations that allow you to interact with the component in real-time and assess its capabilities.</li>
+
+  <li><strong>Best Design Practices:</strong> Additional tips on using the component in line with best design practices.</li>
+
+  <li><strong>Extra Resources:</strong> Delivering supplementary resources such as graphics, templates, and guides to facilitate the integration process.</li>
+</ol>
+
+<p>Stay tuned for updates, as we strive to make the use of <strong>Breadcrumbs</strong> even more convenient and productive! If you have specific requests or suggestions, feel free to share them with us.</p>

src/Bubble/README.md

@@ -6,6 +6,7 @@ components:
 status: 'New'
 categories:
 - Status & metadata
+tabName: 'implementation'
 designStatus: 'Done'
 devStatus: 'Done'
 notes: |

src/Bubble/design-guidelines.md

@@ -0,0 +1,24 @@
+---
+title: 'Bubble'
+tabName: 'design-guidelines'
+---
+
+<p>We are excited to announce upcoming improvements to the Design Guidelines section for the <strong>Bubble</strong> component.
+These updates aim to enhance the ease and effectiveness of utilizing the component in your projects.
+Please review the preliminary list of changes that will soon be available:</p>
+
+<h2>What to Expect:</h2>
+
+<ol>
+  <li><strong>Expanded Usage Examples:</strong> We will be adding more detailed and diverse usage examples for the component, allowing you to seamlessly integrate it into various scenarios.</li>
+
+  <li><strong>Optimized Code:</strong> We are working on optimizing the component's code for improved performance and readability.</li>
+
+  <li><strong>Interactive Demonstrations:</strong> Providing interactive demonstrations that allow you to interact with the component in real-time and assess its capabilities.</li>
+
+  <li><strong>Best Design Practices:</strong> Additional tips on using the component in line with best design practices.</li>
+
+  <li><strong>Extra Resources:</strong> Delivering supplementary resources such as graphics, templates, and guides to facilitate the integration process.</li>
+</ol>
+
+<p>Stay tuned for updates, as we strive to make the use of <strong>Bubble</strong> even more convenient and productive! If you have specific requests or suggestions, feel free to share them with us.</p>

src/Button/README.md

@@ -5,6 +5,7 @@ components:
 - Button
 categories:
 - Buttonlike
+tabName: 'implementation'
 status: 'Stable'
 designStatus: 'Done'
 devStatus: 'Done'

src/Button/button-group.mdx → src/Button/button-group/README.md

@@ -6,6 +6,7 @@ components:
 - ButtonToolbar
 categories:
 - Buttonlike
+tabName: 'implementation'
 status: 'Stable'
 designStatus: 'Done'
 devStatus: 'Done'

src/Button/button-group/design-guidelines.md

@@ -0,0 +1,24 @@
+---
+title: 'ButtonGroup'
+tabName: 'design-guidelines'
+---
+
+<p>We are excited to announce upcoming improvements to the Design Guidelines section for the <strong>ButtonGroup</strong> component.
+These updates aim to enhance the ease and effectiveness of utilizing the component in your projects.
+Please review the preliminary list of changes that will soon be available:</p>
+
+<h2>What to Expect:</h2>
+
+<ol>
+  <li><strong>Expanded Usage Examples:</strong> We will be adding more detailed and diverse usage examples for the component, allowing you to seamlessly integrate it into various scenarios.</li>
+
+  <li><strong>Optimized Code:</strong> We are working on optimizing the component's code for improved performance and readability.</li>
+
+  <li><strong>Interactive Demonstrations:</strong> Providing interactive demonstrations that allow you to interact with the component in real-time and assess its capabilities.</li>
+
+  <li><strong>Best Design Practices:</strong> Additional tips on using the component in line with best design practices.</li>
+
+  <li><strong>Extra Resources:</strong> Delivering supplementary resources such as graphics, templates, and guides to facilitate the integration process.</li>
+</ol>
+
+<p>Stay tuned for updates, as we strive to make the use of <strong>ButtonGroup</strong> even more convenient and productive! If you have specific requests or suggestions, feel free to share them with us.</p>

src/Button/design-guidelines.md

@@ -0,0 +1,24 @@
+---
+title: 'Button'
+tabName: 'design-guidelines'
+---
+
+<p>We are excited to announce upcoming improvements to the Design Guidelines section for the <strong>Button</strong> component.
+These updates aim to enhance the ease and effectiveness of utilizing the component in your projects.
+Please review the preliminary list of changes that will soon be available:</p>
+
+<h2>What to Expect:</h2>
+
+<ol>
+  <li><strong>Expanded Usage Examples:</strong> We will be adding more detailed and diverse usage examples for the component, allowing you to seamlessly integrate it into various scenarios.</li>
+
+  <li><strong>Optimized Code:</strong> We are working on optimizing the component's code for improved performance and readability.</li>
+
+  <li><strong>Interactive Demonstrations:</strong> Providing interactive demonstrations that allow you to interact with the component in real-time and assess its capabilities.</li>
+
+  <li><strong>Best Design Practices:</strong> Additional tips on using the component in line with best design practices.</li>
+
+  <li><strong>Extra Resources:</strong> Delivering supplementary resources such as graphics, templates, and guides to facilitate the integration process.</li>
+</ol>
+
+<p>Stay tuned for updates, as we strive to make the use of <strong>Button</strong> even more convenient and productive! If you have specific requests or suggestions, feel free to share them with us.</p>

src/Card/README.md

@@ -15,6 +15,7 @@ components:
 - CardCarousel
 categories:
 - Content
+tabName: 'implementation'
 status: 'Stable'
 designStatus: 'Done'
 devStatus: 'Done'

src/Card/design-guidelines.md

@@ -0,0 +1,24 @@
+---
+title: 'Card'
+tabName: 'design-guidelines'
+---
+
+<p>We are excited to announce upcoming improvements to the Design Guidelines section for the <strong>Card</strong> component.
+These updates aim to enhance the ease and effectiveness of utilizing the component in your projects.
+Please review the preliminary list of changes that will soon be available:</p>
+
+<h2>What to Expect:</h2>
+
+<ol>
+  <li><strong>Expanded Usage Examples:</strong> We will be adding more detailed and diverse usage examples for the component, allowing you to seamlessly integrate it into various scenarios.</li>
+
+  <li><strong>Optimized Code:</strong> We are working on optimizing the component's code for improved performance and readability.</li>
+
+  <li><strong>Interactive Demonstrations:</strong> Providing interactive demonstrations that allow you to interact with the component in real-time and assess its capabilities.</li>
+
+  <li><strong>Best Design Practices:</strong> Additional tips on using the component in line with best design practices.</li>
+
+  <li><strong>Extra Resources:</strong> Delivering supplementary resources such as graphics, templates, and guides to facilitate the integration process.</li>
+</ol>
+
+<p>Stay tuned for updates, as we strive to make the use of <strong>Card</strong> even more convenient and productive! If you have specific requests or suggestions, feel free to share them with us.</p>

src/Carousel/README.md

@@ -7,6 +7,7 @@ components:
 - CarouselCaption
 categories:
 - Content
+tabName: 'implementation'
 status: 'Stable'
 designStatus: 'Done'
 devStatus: 'Done'

src/Carousel/design-guidelines.md

@@ -0,0 +1,24 @@
+---
+title: 'Carousel'
+tabName: 'design-guidelines'
+---
+
+<p>We are excited to announce upcoming improvements to the Design Guidelines section for the <strong>Carousel</strong> component.
+These updates aim to enhance the ease and effectiveness of utilizing the component in your projects.
+Please review the preliminary list of changes that will soon be available:</p>
+
+<h2>What to Expect:</h2>
+
+<ol>
+  <li><strong>Expanded Usage Examples:</strong> We will be adding more detailed and diverse usage examples for the component, allowing you to seamlessly integrate it into various scenarios.</li>
+
+  <li><strong>Optimized Code:</strong> We are working on optimizing the component's code for improved performance and readability.</li>
+
+  <li><strong>Interactive Demonstrations:</strong> Providing interactive demonstrations that allow you to interact with the component in real-time and assess its capabilities.</li>
+
+  <li><strong>Best Design Practices:</strong> Additional tips on using the component in line with best design practices.</li>
+
+  <li><strong>Extra Resources:</strong> Delivering supplementary resources such as graphics, templates, and guides to facilitate the integration process.</li>
+</ol>
+
+<p>Stay tuned for updates, as we strive to make the use of <strong>Carousel</strong> even more convenient and productive! If you have specific requests or suggestions, feel free to share them with us.</p>