diff --git a/about/card-offgrid-showcase.page.tsx b/about/card-offgrid-showcase.page.tsx index d68c945c51..2a5c7dc790 100644 --- a/about/card-offgrid-showcase.page.tsx +++ b/about/card-offgrid-showcase.page.tsx @@ -373,44 +373,6 @@ export default function CardOffgridShowcase() { - {/* Link vs Button */} - - - -

Link vs Button Rendering

-

The component renders as an <a> tag when href is provided, otherwise as a <button>.

- -
-
-
As Button (onClick)
- } - title={"Click Me"} - description="This card renders as a button element and triggers an onClick handler." - onClick={() => handleCardClick('button-demo')} - /> - {clickedCard === 'button-demo' && ( -

✓ Button clicked!

- )} -
- -
-
As Link (href)
- } - title={"Navigate"} - description="This card renders as an anchor element and navigates to the specified href." - href="#link-demo" - /> -

↑ Click to navigate to #link-demo

-
-
-
-
-
- {/* Dimensions */} @@ -638,7 +600,7 @@ export default function CardOffgridShowcase() { {/* Figma References */} - +

Figma References