Fix iframe titles

WordPress · Nov 21, 2024 · 172c49c · 172c49c
1 parent fd025c7
commit 172c49c
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/packages/components/src/button/stories/best-practices.mdx b/packages/components/src/button/stories/best-practices.mdx
@@ -6,7 +6,7 @@ import FigmaEmbed from '/storybook/components/figma-embed';
 # Button
 Buttons allow users to take actions and make selections with a single click or tap.
 
-<FigmaEmbed url="https://www.figma.com/design/V7NfxdP0ybEMXf01WyWGKB/Storybook-documentation-Figma-assets?node-id=5-280&node-type=frame&t=JLKM1grrtWleRkFR-11" title="kitchen-sink-button" height="400" />
+<FigmaEmbed url="https://www.figma.com/design/V7NfxdP0ybEMXf01WyWGKB/Storybook-documentation-Figma-assets?node-id=5-280&node-type=frame&t=JLKM1grrtWleRkFR-11" title="Overview of button variants" height="400" />
 
 
 ## Usage
@@ -19,32 +19,32 @@ Each layout contains one prominently placed, high-emphasis button. If you need m
 ### Primary
 Primary buttons stand out with bold color fills, making them distinct from the background. Since they naturally draw attention, each layout should contain only one primary button to guide users toward the most important action.
 
-<FigmaEmbed url="https://www.figma.com/design/V7NfxdP0ybEMXf01WyWGKB/Storybook-documentation-Figma-assets?node-id=5-640&node-type=frame&t=HfUDxJShbqa3dM4N-11" title="primary" height="400" />
+<FigmaEmbed url="https://www.figma.com/design/V7NfxdP0ybEMXf01WyWGKB/Storybook-documentation-Figma-assets?node-id=5-640&node-type=frame&t=HfUDxJShbqa3dM4N-11" title="Primary variant" height="400" />
 
 ### Secondary
 Secondary buttons complement primary buttons. Use them for standard actions that may appear alongside a primary action.
 
-<FigmaEmbed url="https://www.figma.com/design/V7NfxdP0ybEMXf01WyWGKB/Storybook-documentation-Figma-assets?node-id=5-808&node-type=frame&t=HfUDxJShbqa3dM4N-11" title="secondary" height="400" />
+<FigmaEmbed url="https://www.figma.com/design/V7NfxdP0ybEMXf01WyWGKB/Storybook-documentation-Figma-assets?node-id=5-808&node-type=frame&t=HfUDxJShbqa3dM4N-11" title="Secondary variant" height="400" />
 
 ### Tertiary
 Tertiary buttons have minimal emphasis. Use them sparingly to subtly highlight an action.
 
-<FigmaEmbed url="https://www.figma.com/design/V7NfxdP0ybEMXf01WyWGKB/Storybook-documentation-Figma-assets?node-id=5-874&node-type=frame&t=HfUDxJShbqa3dM4N-11" title="tertiary" height="400" />
+<FigmaEmbed url="https://www.figma.com/design/V7NfxdP0ybEMXf01WyWGKB/Storybook-documentation-Figma-assets?node-id=5-874&node-type=frame&t=HfUDxJShbqa3dM4N-11" title="Tertiary variant" height="400" />
 
 ### Default
 Use default buttons for actions of equal priority.
 
-<FigmaEmbed url="https://www.figma.com/design/V7NfxdP0ybEMXf01WyWGKB/Storybook-documentation-Figma-assets?node-id=5-940&node-type=frame&t=HfUDxJShbqa3dM4N-11" title="default" height="400" />
+<FigmaEmbed url="https://www.figma.com/design/V7NfxdP0ybEMXf01WyWGKB/Storybook-documentation-Figma-assets?node-id=5-940&node-type=frame&t=HfUDxJShbqa3dM4N-11" title="Default variant" height="400" />
 
 ### Link
 Link buttons have low emphasis and blend into the page, making them suitable for supplementary actions, especially those involving navigation away from the current view.
 
-<FigmaEmbed url="https://www.figma.com/design/V7NfxdP0ybEMXf01WyWGKB/Storybook-documentation-Figma-assets?node-id=5-1006&node-type=frame&t=HfUDxJShbqa3dM4N-11" title="link" height="400" />
+<FigmaEmbed url="https://www.figma.com/design/V7NfxdP0ybEMXf01WyWGKB/Storybook-documentation-Figma-assets?node-id=5-1006&node-type=frame&t=HfUDxJShbqa3dM4N-11" title="Link variant" height="400" />
 
 ### Destructive
 Use this variant for irreversible actions. Apply sparingly and only for actions with significant impact.
 
-<FigmaEmbed url="https://www.figma.com/design/V7NfxdP0ybEMXf01WyWGKB/Storybook-documentation-Figma-assets?node-id=5-1069&node-type=frame&t=HfUDxJShbqa3dM4N-11" title="destructive" height="400" />
+<FigmaEmbed url="https://www.figma.com/design/V7NfxdP0ybEMXf01WyWGKB/Storybook-documentation-Figma-assets?node-id=5-1069&node-type=frame&t=HfUDxJShbqa3dM4N-11" title="isDestructive prop enabled" height="400" />
 
 ### Sizes
 The default size is 40px. Use smaller sizes for compact views or when placing buttons in small components, such as dropdowns or dialogs.