Files
ui/src/theme/form-field.ts
2024-04-16 12:26:29 +02:00

31 lines
803 B
TypeScript

export default {
slots: {
root: '',
wrapper: '',
labelWrapper: 'flex content-center items-center justify-between',
label: 'block font-medium text-gray-700 dark:text-gray-200',
container: 'mt-1 relative',
description: 'text-gray-500 dark:text-gray-400',
error: 'mt-2 text-red-500 dark:text-red-400',
hint: 'text-gray-500 dark:text-gray-400',
help: 'mt-2 text-gray-500 dark:text-gray-400'
},
variants: {
size: {
xs: { root: 'text-xs' },
sm: { root: 'text-xs' },
md: { root: 'text-sm' },
lg: { root: 'text-sm' },
xl: { root: 'text-base' }
},
required: {
true: {
label: `after:content-['*'] after:ms-0.5 after:text-red-500 dark:after:text-red-400`
}
}
},
defaultVariants: {
size: 'md'
}
}