feat(table): add slot fot empty state

nuxt · Jun 7, 2023 · 06f15fa · 06f15fa
1 parent d91c0bb
commit 06f15fa
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/src/runtime/components/data/Table.vue b/src/runtime/components/data/Table.vue
@@ -36,12 +36,14 @@
 
         <tr v-if="emptyState && !rows.length">
           <td :colspan="columns.length">
-            <div :class="ui.emptyState.wrapper">
-              <UIcon v-if="emptyState.icon" :name="emptyState.icon" :class="ui.emptyState.icon" aria-hidden="true" />
-              <p :class="ui.emptyState.label">
-                {{ emptyState.label }}
-              </p>
-            </div>
+            <slot name="empty-state">
+              <div :class="ui.emptyState.wrapper">
+                <UIcon v-if="emptyState.icon" :name="emptyState.icon" :class="ui.emptyState.icon" aria-hidden="true" />
+                <p :class="ui.emptyState.label">
+                  {{ emptyState.label }}
+                </p>
+              </div>
+            </slot>
           </td>
         </tr>
       </tbody>