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
The component renders as an <a> tag when href is provided, otherwise as a <button>.
<a>
href
<button>
✓ Button clicked!
↑ Click to navigate to #link-demo