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

chore(FormGroup): add wrapper class in preset

Browse Source
This commit is contained in:
Benjamin Canac
2022-01-05 11:42:47 +01:00
parent d52a27f8c3
commit c183df8a17
2 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/presets/tailwindui.ts
View File

@@ -96,6 +96,7 @@ const button = {
} }
const formGroup = { const formGroup = {
wrapper: '',
label: 'block text-sm font-medium u-text-gray-700', label: 'block text-sm font-medium u-text-gray-700',
container: 'mt-1 relative', container: 'mt-1 relative',
required: 'text-red-400', required: 'text-red-400',

6
src/runtime/components/forms/FormGroup.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div> <div :class="wrapperClass">
<slot name="label"> <slot name="label">
<div class="flex content-center justify-between"> <div class="flex content-center justify-between">
<label <label
@@ -57,6 +57,10 @@ export default {
type: String, type: String,
default: null default: null
}, },
wrapperClass: {
type: String,
default: () => $ui.formGroup.wrapper
},
containerClass: { containerClass: {
type: String, type: String,
default: () => $ui.formGroup.container default: () => $ui.formGroup.container