@@ -36,6 +36,8 @@ interface InputProps {
size?: InputSize;
required?: boolean;
modelValue: string;
+ classes?: string;
+ labelClass?: string;
}
const props = withDefaults(defineProps
(), {
@@ -45,6 +47,8 @@ const props = withDefaults(defineProps(), {
size: 'md',
required: false,
modelValue: '',
+ classes: '',
+ labelClass: '',
})
const model = useVModel(props, 'modelValue')
diff --git a/src/components/Input/composables/useInputClasses.ts b/src/components/Input/composables/useInputClasses.ts
index 8f93d4fa..f977bc4d 100644
--- a/src/components/Input/composables/useInputClasses.ts
+++ b/src/components/Input/composables/useInputClasses.ts
@@ -16,6 +16,7 @@ const inputSizeClasses: Record = {
}
export type UseInputClassesProps = {
+ classes: Ref
size: Ref
disabled: Ref
}
@@ -25,7 +26,7 @@ export function useInputClasses(props: UseInputClassesProps): {
labelClasses: Ref
} {
const inputClasses = computed(() => {
- return simplifyTailwindClasses(defaultInputClasses, inputSizeClasses[props.size.value], props.disabled.value ? disabledInputClasses : '')
+ return simplifyTailwindClasses(defaultInputClasses, inputSizeClasses[props.size.value], props.disabled.value ? disabledInputClasses : '', props.classes.value)
})
const labelClasses = computed(() => {
diff --git a/src/components/Radio/Radio.vue b/src/components/Radio/Radio.vue
index fc1920bf..6eebe8e0 100644
--- a/src/components/Radio/Radio.vue
+++ b/src/components/Radio/Radio.vue
@@ -1,7 +1,7 @@
-