feat(Experimental/Select): add new prop: wrapperClass

gitsindonesia · Sep 4, 2023 · ea551d3 · ea551d3
1 parent 58c3a36
commit ea551d3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/packages/select/src/Select.stories.ts b/packages/select/src/Select.stories.ts
@@ -103,6 +103,11 @@ Clearable.args = {
   clearable: true,
 };
 
+export const WrapperClass = Template.bind({});
+WrapperClass.args = {
+  wrapperClass: 'border-b-2 border-error-500 rounded-b-lg',
+};
+
 export const Searchable = Template.bind({});
 Searchable.args = {
   searchable: true,

diff --git a/packages/select/src/Select.vue b/packages/select/src/Select.vue
@@ -73,6 +73,7 @@ const props = withDefaults(
     searchSuffixIcon?: string;
     searchSuffixIconSize?: string;
     searchSuffixIconClass?: string;
+    wrapperClass?: string;
   }>(),
   {
     itemText: 'text',
@@ -235,6 +236,7 @@ defineSlots<{
       shadowClass,
       `v-select--${placement}`,
       `v-select--${searchPlacement}`,
+      wrapperClass,
     ]"
   >
     <component