Cellule-financiere-transverse-PMO/visua-vue
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

♻️ refactor: required-tip slot improved

Browse Source
This commit is contained in:
Paul Valerie GOMA 2025-07-23 09:53:34 +02:00
parent 5c89228564
commit 8b138d905e
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/label/VLabel.vue
View File

@ -24,12 +24,11 @@ const props = withDefaults(defineProps<IVLabel>(), {
:aria-disabled="props.disabled"
>
{{ props.label }}
<slot name="required-type">
<span
v-if="props.required"
:class="{ 'required': props.required }"
>*</span>
</slot>
<template v-if="props.required">
<span v-if="props.required" :class="{ 'required': !props.disabled}">
<slot name="required-tip">*</slot>
</span>
</template>
<VHint
v-if="props.hint"
:title="props.hint"
@ -43,5 +42,8 @@ const props = withDefaults(defineProps<IVLabel>(), {
.success {color: var(--text-default-success);}
.error {color: var(--text-default-error);}
.disabled {color: var(--text-disabled-grey);}
.required {color: var(--minor-red-marianne);}
.required {
color: var(--minor-red-marianne);
display: inline;
}
</style>