CSR-241 update group and button names.

This commit is contained in:
bmauger 2021-12-23 10:13:57 -05:00
parent 2b1249108a
commit 5a3ad93aad

View file

@ -54,13 +54,13 @@
<div class="row g-2">
<div class="col">
<fieldset>
<legend class="sr-only">List Card Demo</legend>
<legend class="sr-only">Functioning as Checkbox</legend>
<listCard
isMultiSelect
buttonImage="windshield-damage.svg"
buttonLabel="Windshield"
altText=""
buttonID="Damage Location Checkbox"
buttonID="List Card Checkbox"
groupID="checkbox-demo-1"
buttonLabelSubCopy="Description"
/>
@ -71,14 +71,14 @@
<div class="col">
<h6 class="mx-2 my-4">Functioning as Radio Button</h6>
<fieldset>
<legend class="sr-only">List Card Demo</legend>
<legend class="sr-only">Functioning as Radio Button</legend>
<listCard
isRadio
buttonImage="windshield-damage.svg"
buttonLabel="Windshield"
altText=""
buttonID="Damage Location Radio Button"
groupID="checkbox-demo-2"
buttonID="List Card Radio Button"
groupID="radio-demo-2"
buttonLabelSubCopy="Description"
/>
</fieldset>
@ -88,13 +88,13 @@
<div class="col">
<h6 class="mx-2 my-4">Horizontal as Checkbox</h6>
<fieldset>
<legend class="sr-only">List Card Demo</legend>
<legend class="sr-only">Horizontal Checkbox</legend>
<listCard
isMultiSelectHorizontal
buttonImage="windshield-damage.svg"
buttonLabel="Windshield"
altText=""
buttonID="Damage Location Horizontal Checkbox"
buttonID="List Card Horizontal Checkbox"
groupID="checkbox-demo-3"
buttonLabelSubCopy="Description"
/>
@ -105,14 +105,14 @@
<div class="col">
<h6 class="mx-2 my-4">Horizontal as Radio Button</h6>
<fieldset>
<legend class="sr-only">List Card Demo</legend>
<legend class="sr-only">Horizontal Radio Button</legend>
<listCard
isRadioHorizontal
buttonImage="windshield-damage.svg"
buttonLabel="Windshield"
altText=""
buttonID="Damage Location Horizontal Radio Button"
groupID="checkbox-demo-4"
buttonID="List Card Horizontal Radio Button"
groupID="radio-demo-4"
buttonLabelSubCopy="Description"
/>
</fieldset>
@ -122,16 +122,15 @@
<div class="col">
<h6 class="mx-2 my-4">With error</h6>
<fieldset>
<legend class="sr-only">List Card Demo</legend>
<legend class="sr-only">Radio button with error state</legend>
<listCard
isRadioHorizontal
buttonImage="windshield-damage.svg"
buttonLabel="Windshield"
altText=""
buttonID="Damage Location Horizontal Radio Button Error State"
groupID="checkbox-demo-5"
buttonID="Horizontal Radio Button Error State"
groupID="radio-demo-5"
buttonLabelSubCopy="Description"
hasError
/>
</fieldset>
</div>