arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-31 12:17:54 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(Checkbox): config label, required and help size

Browse Source
This commit is contained in:
Benjamin Canac
2023-11-19 13:17:52 +01:00
parent d4f1b5ef82
commit a1b38c4b66
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/runtime/components/forms/Checkbox.vue
View File

@@ -17,7 +17,7 @@
@change="onChange" @change="onChange"
> >
</div> </div>
<div v-if="label || $slots.label" class="ms-3 text-sm"> <div v-if="label || $slots.label" class="ms-3 flex flex-col">
<label :for="inputId" :class="ui.label"> <label :for="inputId" :class="ui.label">
<slot name="label">{{ label }}</slot> <slot name="label">{{ label }}</slot>
<span v-if="required" :class="ui.required">*</span> <span v-if="required" :class="ui.required">*</span>

6
src/runtime/ui.config.ts
View File

@@ -830,9 +830,9 @@ export const checkbox = {
background: 'bg-white dark:bg-gray-900', background: 'bg-white dark:bg-gray-900',
border: 'border border-gray-300 dark:border-gray-700', border: 'border border-gray-300 dark:border-gray-700',
ring: 'focus-visible:ring-2 focus-visible:ring-{color}-500 dark:focus-visible:ring-{color}-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-gray-900', ring: 'focus-visible:ring-2 focus-visible:ring-{color}-500 dark:focus-visible:ring-{color}-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-gray-900',
label: 'font-medium text-gray-700 dark:text-gray-200', label: 'text-sm font-medium text-gray-700 dark:text-gray-200',
required: 'text-red-500 dark:text-red-400', required: 'text-sm text-red-500 dark:text-red-400',
help: 'text-gray-500 dark:text-gray-400', help: 'text-sm text-gray-500 dark:text-gray-400',
default: { default: {
color: 'primary' color: 'primary'
} }