React Shared Components

Interactive testing environment for react-shared components

Theme Playground

Current: Default

ExternalLinks

Privacy policy link button for external legal documents

Preview

Click the button to open the privacy policy in a new tab

Code Example

tsx
import ExternalLinks from '@/react-shared/components/ExternalLinks/ExternalLinks';

export function Example() {
  return <ExternalLinks />;
}

Features

  • ✓Privacy Policy Link: Opens Stan's privacy policy PDF in a new tab
  • ✓Internationalization: Button text is translated based on user's locale
  • ✓Centered Layout: Automatically centers the button in its container
  • ✓Theme Integration: Uses StoreButton component for consistent styling
  • ✓External Link: Opens in new tab with target="_blank"

Use Cases

Checkout Pages: Display privacy policy link during checkout process for legal compliance

Registration Forms: Provide access to privacy policy when users sign up

Footer Sections: Include in page footers for easy access to legal documents

Marketing Consent: Link to privacy policy alongside consent checkboxes

API Reference

Props

className

string (optional) - Additional CSS classes for the container

Behavior

Privacy Policy URL: The component opens https://assets.stanwith.me/legal/privacy-policy.pdf in a new browser tab when clicked.

Button Styling: Uses tertiary variant with small size for a subtle, non-intrusive appearance.

Translation Key: Uses 'shared.external_links.privacy_policy' for internationalized button text.