From c183df8a176a1d344cb90579c2a33806970e4f46 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Wed, 5 Jan 2022 11:42:47 +0100
Subject: [PATCH] chore(FormGroup): add `wrapper` class in preset

---
 src/presets/tailwindui.ts                  | 1 +
 src/runtime/components/forms/FormGroup.vue | 6 +++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/presets/tailwindui.ts b/src/presets/tailwindui.ts
index ea933edd..c8438de3 100644
--- a/src/presets/tailwindui.ts
+++ b/src/presets/tailwindui.ts
@@ -96,6 +96,7 @@ const button = {
 }
 
 const formGroup = {
+  wrapper: '',
   label: 'block text-sm font-medium u-text-gray-700',
   container: 'mt-1 relative',
   required: 'text-red-400',
diff --git a/src/runtime/components/forms/FormGroup.vue b/src/runtime/components/forms/FormGroup.vue
index 897b4967..b251780e 100644
--- a/src/runtime/components/forms/FormGroup.vue
+++ b/src/runtime/components/forms/FormGroup.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div :class="wrapperClass">
     <slot name="label">
       <div class="flex content-center justify-between">
         <label
@@ -57,6 +57,10 @@ export default {
       type: String,
       default: null
     },
+    wrapperClass: {
+      type: String,
+      default: () => $ui.formGroup.wrapper
+    },
     containerClass: {
       type: String,
       default: () => $ui.formGroup.container