Tooltip id + anchor working (#309)

ni · Jun 13, 2022 · ab36ff5 · ab36ff5
1 parent bec21cc
commit ab36ff5
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/packages/nimble-components/src/tooltip/index.ts b/packages/nimble-components/src/tooltip/index.ts
@@ -20,7 +20,7 @@ const nimbleTooltip = Tooltip.compose({
     baseName: 'tooltip',
     baseClass: FoundationTooltip,
     template,
-    styles,
+    styles
 });
 
 DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTooltip());
diff --git a/packages/nimble-components/src/tooltip/tests/tooltip.stories.ts b/packages/nimble-components/src/tooltip/tests/tooltip.stories.ts
@@ -33,7 +33,14 @@ const metadata: Meta<TooltipArgs> = {
     render: createUserSelectedThemeStory(html<TooltipArgs>`
         <nimble-button id="anchor">text</nimble-button>
 
-        <nimble-tooltip anchor='anchor'>tooltip text</nimble-tooltip> 
+        <nimble-tooltip
+            anchor='anchor' 
+            delay='${x => x.delay}'
+            ?horiontalViewportLock="${x => x.horiontalViewportLock}"
+            ?verticalViewportLock="${x => x.verticalViewportLock}"
+        >
+        ${x => x.tooltip}
+        </nimble-tooltip> 
     `),
     args: {
         tooltip: 'Tooltip label',
@@ -45,4 +52,4 @@ const metadata: Meta<TooltipArgs> = {
 
 export default metadata;
 
-export const tooltip: StoryObj<TooltipArgs> = {}; // if checkbox changed to tooltip doesn't work
+export const tooltip: StoryObj<TooltipArgs> = {};