arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-18 14:08:06 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(Checkbox): icon render

Browse Source
This commit is contained in:
Benjamin Canac
2024-04-28 17:55:24 +02:00
parent aed4100a41
commit fc50996ccf
3 changed files with 26 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -88,7 +88,7 @@ function onChecked() {
:class="ui.base()"
@update:checked="onChecked"
>
<CheckboxIndicator :class="ui.indicator()">
<CheckboxIndicator as-child>
<UIcon v-if="indeterminate" :name="indeterminateIcon || appConfig.ui.icons.minus" :class="ui.icon()" />
<UIcon v-else :name="icon || appConfig.ui.icons.check" :class="ui.icon()" />
</CheckboxIndicator>

5
src/theme/checkbox.ts
View File

@@ -1,11 +1,10 @@
export default (config: { colors: string[] }) => ({
slots: {
root: 'relative flex items-start',
base: 'shrink-0 text-white dark:text-gray-900 rounded ring ring-inset ring-gray-300 dark:ring-gray-700 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2',
base: 'shrink-0 flex items-center justify-center text-white dark:text-gray-900 rounded ring ring-inset ring-gray-300 dark:ring-gray-700 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2',
container: 'flex items-center',
wrapper: 'ms-2',
indicator: 'flex items-center justify-center',
icon: 'size-10/12',
icon: 'shrink-0 size-full',
label: 'block font-medium text-gray-700 dark:text-gray-200',
description: 'text-gray-500 dark:text-gray-400'
},