jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Remove duplicate.

Browse source
This commit is contained in:
bmauger 2021-12-03 08:54:55 -05:00
parent 53019ccfa1
commit 412999fcea
1 changed files with 8 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
src/layouts/component-test/component-test.vue
View file

@ -69,7 +69,7 @@
</div> </div>
<div class="row my-4"> <div class="row my-4">
<div class="col"> <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> </div>
<div class="row"> <div class="row">
@ -108,7 +108,7 @@
</div> </div>
<div class="row my-4"> <div class="row my-4">
<div class="col"> <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> </div>
<div class="row"> <div class="row">
@ -148,50 +148,18 @@
/> />
</div> </div>
</div> </div>
<div class="row"> <div class="row my-4">
<!-- The role="radiogroup" and aria-labelledby must be included in the parent component for the radio group --> <div class="col">
<div role="radiogroup" aria-labelledby="demo-3-radio-group" class="col my-3 d-flex align-items-center flex-column"> <h4 class="m-0 p-2 bg-light rounded">Radio - Multi-Line Centered</h4>
<!-- 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> </div>
</div> </div>
<div class="row"> <div class="row">
<!-- The role="radiogroup" and aria-labelledby must be included in the parent component for the radio group --> <!-- 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. --> <!-- 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 <radio
groupName="demo-3" groupName="demo-4"
ariaLabelBy="vehicle-model" ariaLabelBy="vehicle-model"
radioID="Corvette" radioID="Corvette"
radioLabelSubCopy="Test sub-headline" radioLabelSubCopy="Test sub-headline"