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

CSR-241 WIP checkbox props update.

Browse source
This commit is contained in:
bmauger 2021-12-16 17:29:44 -05:00
parent b5f17a41c8
commit 8abe40c704
2 changed files with 16 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -7,7 +7,12 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<checkbox/> <checkbox
checkboxName="demo checkbox"
buttonID="checkbox-1"
tabIndex="1"
checkboxLabel="I'm a checkbox"
/>
</div> </div>
</div> </div>
<div class="row my-4"> <div class="row my-4">

14
src/ux-components/checkbox/checkbox.vue
View file

@ -1,15 +1,21 @@
<template> <template>
<div class="ui-checkbox d-flex"> <div class="ui-checkbox d-flex">
<input type="checkbox" name="Checkbox" id="check_1" tabindex="0" /> <input type="checkbox" :name="checkboxName" :id="buttonID" :tabindex="tabIndex" />
<label class="d-flex align-items-center" for="check_1"> <label class="d-flex align-items-center" :for="buttonID">
<p class="m-0 lh-1">Checkbox</p> <p class="m-0 lh-1">{{checkboxLabel}}</p>
</label> </label>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: "checkbox" name: "checkbox",
props: {
checkboxName: String,
buttonID: String,
tabIndex: Number,
checkboxLabel: String
}
}; };
</script> </script>