@onereach/ui-components 8.16.5-beta.3876.0 → 8.17.0

package/src/components/or-tags-v3/OrTags.vue

@@ -10,13 +10,14 @@
     >
       <OrTag
         v-for="item in localItems"
-        v-bind="tagProps"
+        v-bind="{ ...tagProps, ...item.tagProps }"
         :key="item.value"
-        class="max-w-full"
+        :class="['max-w-full']"
         @reset="$emit('reset', item.value)"
       >
         {{ item.label }}
       </OrTag>
+
       <slot
         v-if="localOverflow === 'wrap'"
         name="tail"
@@ -45,7 +46,7 @@
         <div :class="overflowPopoverStyles">
           <OrTag
             v-for="item in overflowItems"
-            v-bind="tagProps"
+            v-bind="{ ...tagProps, ...item.tagProps }"
             :key="item.value"
             @reset="$emit('reset', item.value)"
           >
@@ -54,6 +55,7 @@
         </div>
       </OrPopover>
     </template>
+
     <slot
       v-if="localOverflow != 'wrap' || items.length === 0"
       name="tail"

package/src/components/or-tags-v3/types.ts

@@ -1,6 +1,9 @@
-export type SimpleTag = string;
-export type Tag = SimpleTag | TagObject;
-export interface TagObject {
+import { OrTag } from '../or-tag';
+
+export type Tag = string | TagObject;
+
+export type TagObject = {
   label: string;
   value: string | number | object;
-}
+  tagProps?: InstanceType<typeof OrTag>['$props'];
+};