fix(Textarea): add support for labelClass prop

docs(Textarea): add labelClass to prop list in vuepress docs
gitsindonesia · Jan 10, 2023 · d4212ef · d4212ef
1 parent 9606dff
commit d4212ef
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/docs/components/textarea.md b/docs/components/textarea.md
@@ -244,7 +244,7 @@ const onSubmit = handleSubmit((values) => {
 ## Props
 
 | Name                                | Type               | Default        |
-| ----------------------------------- | ------------------ | -------------- |
+|-------------------------------------| ------------------ | -------------- |
 | [`modelValue`](#modelValue)         | `string`           | `''`           |
 | [`rows`](#rows)                     | `string \| number` | `undefined`    |
 | [`value`](#value)                   | `string`           | `''`           |
@@ -260,6 +260,7 @@ const onSubmit = handleSubmit((values) => {
 | [`rules`](#rules)                   | `string`           | `''`           |
 | [`wrapperClass`](#wrapperClass)     | `string`           | `''`           |
 | [`inputClass`](#inputClass)         | `string`           | `''`           |
+| [`labelClass`](#labelClass)         | `string`           | `''`           |
 | [`validationMode`](#validationMode) | `string`           | `'aggressive'` |
 
 ## Events

diff --git a/packages/forms/src/textarea/Textarea.vue b/packages/forms/src/textarea/Textarea.vue
@@ -70,6 +70,10 @@ const props = defineProps({
     type: String,
     default: '',
   },
+  labelClass: {
+    type: String,
+    default: '',
+  },
   validationMode: {
     type: String as PropType<'aggressive' | 'eager'>,
     default: 'aggressive',
@@ -126,7 +130,7 @@ const validationListeners = computed(() => {
       wrapperClass,
     ]"
   >
-    <label v-if="label" :for="name" class="v-input-label">{{ label }}</label>
+    <label v-if="label" :for="name" class="v-input-label" :class="labelClass">{{ label }}</label>
     <textarea
       :id="name"
       v-model="value"