From 412999fcea2c6cfd4a2477e88ecd43844c44b605 Mon Sep 17 00:00:00 2001
From: bmauger <mauger.bryan@gmail.com>
Date: Fri, 3 Dec 2021 08:54:55 -0500
Subject: [PATCH] Remove duplicate.

---
 src/layouts/component-test/component-test.vue | 48 ++++---------------
 1 file changed, 8 insertions(+), 40 deletions(-)

diff --git a/src/layouts/component-test/component-test.vue b/src/layouts/component-test/component-test.vue
index ec3101752..d48df3e8f 100644
--- a/src/layouts/component-test/component-test.vue
+++ b/src/layouts/component-test/component-test.vue
@@ -69,7 +69,7 @@
     </div>
     <div class="row my-4">
       <div class="col">
-          <h4 class="m-0 p-2 bg-light rounded">Radio Button Group - Single-Line</h4>
+          <h4 class="m-0 p-2 bg-light rounded">Radio - Single-Line</h4>
       </div>
     </div>
     <div class="row">
@@ -108,7 +108,7 @@
     </div>
     <div class="row my-4">
       <div class="col">
-          <h4 class="m-0 p-2 bg-light rounded">Radio Button Group - Multi-Line</h4>
+          <h4 class="m-0 p-2 bg-light rounded">Radio - Multi-Line</h4>
       </div>
     </div>
     <div class="row">
@@ -148,50 +148,18 @@
         />
       </div>
     </div>
-    <div class="row">
-      <!-- The role="radiogroup" and aria-labelledby must be included in the parent component for the radio group -->
-      <div role="radiogroup" aria-labelledby="demo-3-radio-group" class="col my-3 d-flex align-items-center flex-column">
-        <!-- The h3 and id must be included. The id must match the aria-labelledby of the parent div. -->
-        <h3 class="visually-hidden" id="demo-3-radio-group">Select Vehicle Year</h3>
-        <radio
-        groupName="demo-3"
-        ariaLabelBy="vehicle-model"
-        radioID="Corvette"
-        radioLabelSubCopy="Test sub-headline"
-        textPosition="text-center"
-        loaderColor="blue"
-        loaderPosition="right"
-        sizeInRem="1"
-        />
-        <radio
-        groupName="demo-3"
-        ariaLabelBy="vehicle-model"
-        radioID="Testarosa"
-        radioLabelSubCopy="Test sub-headline"
-        textPosition="text-center"
-        loaderColor="blue"
-        loaderPosition="right"
-        sizeInRem="1"
-        />
-        <radio
-        groupName="demo-3"
-        ariaLabelBy="vehicle-model"
-        radioID="S600"
-        radioLabelSubCopy="Test sub-headline"
-        textPosition="text-center"
-        loaderColor="blue"
-        loaderPosition="right"
-        sizeInRem="1"
-        />
+    <div class="row my-4">
+      <div class="col">
+          <h4 class="m-0 p-2 bg-light rounded">Radio - Multi-Line Centered</h4>
       </div>
     </div>
     <div class="row">
       <!-- The role="radiogroup" and aria-labelledby must be included in the parent component for the radio group -->
-      <div role="radiogroup" aria-labelledby="demo-3-radio-group" class="col my-3 d-flex align-items-center flex-column">
+      <div role="radiogroup" aria-labelledby="demo-4-radio-group" class="col my-3 d-flex align-items-center flex-column">
         <!-- The h3 and id must be included. The id must match the aria-labelledby of the parent div. -->
-        <h3 class="visually-hidden" id="demo-3-radio-group">Select Vehicle Year</h3>
+        <h3 class="visually-hidden" id="demo-4-radio-group">Multi-Line Centered</h3>
         <radio
-        groupName="demo-3"
+        groupName="demo-4"
         ariaLabelBy="vehicle-model"
         radioID="Corvette"
         radioLabelSubCopy="Test sub-headline"