Step 5 -

- (Optional) Go to `configs/componentsOverview.ts` add your Component's meta-data along with component thumbnail (assets/preview/index.tsx). This will show your Component Card in Components tab [`/components`].

Author: Numan

assets/preview/card-hover.svg

@@ -3,6 +3,7 @@ import card from '@/assets/preview/card.svg';
 import buttons from '@/assets/preview/buttons.svg';
 import motionNumber from '@/assets/preview/motion-number.svg';
 import clippath from '@/assets/preview/clip-path.svg';
+import cardHover from '@/assets/preview/card-hover.svg';
 
 
 const preview = {
@@ -11,5 +12,6 @@ const preview = {
   clippath,
   buttons,
   card,
+  cardHover,
 };
 export default preview;

assets/preview/index.tsx

@@ -31,6 +31,12 @@ const componentsOverviewCards = [
     name: 'Cards',
     imgSrc: preview.card,
   },
+  {
+    id: 'card-hover',
+    url: '/components/card-hover',
+    name: 'Card Hover Comp-tab',
+    imgSrc: preview.cardHover,
+  },
 ];
 
 export default componentsOverviewCards;