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

CSR-266 update props.

Browse source
This commit is contained in:
bmauger 2022-02-07 15:14:46 -05:00
parent 8667ee18a0
commit bd25366d9e
2 changed files with 9 additions and 10 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

@ -48,18 +48,19 @@
<div class="row"> <div class="row">
<div class="col my-3"> <div class="col my-3">
<textLink <textLink
navigation=true linkType=navigation
text="Navigation Link" text="Navigation Link"
/><br><br> /><br><br>
<textLink <textLink
linkType="text"
text="Default Link" text="Default Link"
/><br><br> /><br><br>
<textLink <textLink
textSmall=true linkType=textSmall
text="Small Link" text="Small Link"
/><br><br> /><br><br>
<textLink <textLink
footer=true linkType=footer
text="Footer Link" text="Footer Link"
href="https://google.com" href="https://google.com"
/> />

12
src/ux-components/text-link/text-link.vue
View file

@ -1,17 +1,15 @@
<template> <template>
<a v-if="navigation" @click="handleClick" class="navigation-link" :href="href">{{text}}</a> <a v-if="linkType === 'navigation'" @click="handleClick" class="navigation-link" :href="href">{{text}}</a>
<a v-else-if="footer" @click="handleClick" class="footer-link" :href="href" target="_blank">{{text}}</a> <a v-else-if="linkType === 'footer'" @click="handleClick" class="footer-link" :href="href" target="_blank">{{text}}</a>
<a v-else-if="textSmall" @click="handleClick" class="small" :href="href">{{text}}</a> <a v-else-if="linkType === 'textSmall'" @click="handleClick" class="small" :href="href">{{text}}</a>
<a v-else @click="handleClick" :href="href">{{text}}</a> <a v-else-if="linkType === 'text'" @click="handleClick" :href="href">{{text}}</a>
</template> </template>
<script> <script>
export default { export default {
name: "textLink", name: "textLink",
props: { props: {
navigation: Boolean, linkType: String,
footer: Boolean,
textSmall: Boolean,
text: String, text: String,
href: { href: {
type: String, type: String,