fix(tooltip): not able to render tooltip in docs page

juntossomosmais · Nov 6, 2024 · 319e613 · 319e613
1 parent cadbb3a
commit 319e613
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 10 deletions.
diff --git a/packages/core/src/components/tooltip/stories/tooltip.core.stories.tsx b/packages/core/src/components/tooltip/stories/tooltip.core.stories.tsx
@@ -32,11 +32,11 @@ export default {
   ...TooltipStoryArgs,
 } as Meta
 
-export const Default: StoryObj = {
+export const Hover: StoryObj = {
   render: (args) => createTooltip(args, 'Hover'),
   args: {
     ...TooltipComponentArgs,
-    element: 'elementId',
+    element: 'hover',
     placement: 'top',
     open: false,
   },
@@ -46,7 +46,7 @@ export const Click: StoryObj = {
   render: (args) => createTooltip(args, 'Click'),
   args: {
     ...TooltipComponentArgs,
-    element: 'elementId',
+    element: 'click',
     placement: 'top',
     action: 'click',
     open: false,
@@ -57,7 +57,7 @@ export const Opened: StoryObj = {
   render: (args) => createTooltip(args, 'Opened'),
   args: {
     ...TooltipComponentArgs,
-    element: 'elementId',
+    element: 'opened',
     placement: 'left',
     action: 'click',
     open: true,

diff --git a/packages/core/src/components/tooltip/stories/tooltip.react.stories.tsx b/packages/core/src/components/tooltip/stories/tooltip.react.stories.tsx
@@ -32,18 +32,19 @@ const createTooltip = (args, buttonText = 'Hover') => (
   </>
 )
 
-export const Default: StoryObj = {
+export const Hover: StoryObj = {
   render: (args) => createTooltip(args),
   args: {
     ...TooltipComponentArgs,
+    element: 'hover',
   },
 }
 
 export const Click: StoryObj = {
   render: (args) => createTooltip(args, 'Click'),
   args: {
     ...TooltipComponentArgs,
-    element: 'elementId',
+    element: 'click',
     placement: 'top',
     action: 'click',
   },
@@ -53,7 +54,7 @@ export const Opened: StoryObj = {
   render: (args) => createTooltip(args, 'Opened'),
   args: {
     ...TooltipComponentArgs,
-    element: 'elementId',
+    element: 'opened',
     placement: 'left',
     action: 'click',
     open: true,

diff --git a/packages/core/src/components/tooltip/stories/tooltip.vue.stories.tsx b/packages/core/src/components/tooltip/stories/tooltip.vue.stories.tsx
@@ -35,18 +35,19 @@ const createTooltip = (args, buttonText = 'Hover') => ({
   `,
 })
 
-export const Default: StoryObj = {
+export const Hover: StoryObj = {
   render: (args) => createTooltip(args),
   args: {
     ...TooltipComponentArgs,
+    element: 'hover',
   },
 }
 
 export const Click: StoryObj = {
   render: (args) => createTooltip(args, 'Click'),
   args: {
     ...TooltipComponentArgs,
-    element: 'elementId',
+    element: 'click',
     placement: 'top',
     action: 'click',
   },
@@ -56,7 +57,7 @@ export const Opened: StoryObj = {
   render: (args) => createTooltip(args, 'Opened'),
   args: {
     ...TooltipComponentArgs,
-    element: 'elementId',
+    element: 'opened',
     placement: 'left',
     action: 'click',
     open: true,