@opendatalabs/vana-react - v0.3.1
    Preparing search index...

    Variable VanaAppSocialShareWidgetConst

    VanaAppSocialShareWidget: React.FC<VanaAppSocialShareWidgetProps> = ...

    Provides seamless social sharing for Vana Apps with copy-to-clipboard and simple instructions.

    VanaAppSocialShareWidget enables one-click sharing to Twitter, Facebook, LinkedIn, and Instagram. Uses the navigator.clipboard API for secure text copying and shows simple instructions to paste the content on the target platform. Component is completely unstyled by default for maximum design flexibility.

    Key Features:

    • Automatic share text generation with custom content and suffix
    • Copy-to-clipboard with simple instruction notifications
    • Consistent text across all platforms (no platform-specific URL handling needed)
    • Customizable via classNames prop for every component part
    • TypeScript support with full type definitions
    import { VanaAppSocialShareWidget } from '@opendatalabs/vana-react';

    function MyDataApp() {
      const handleShare = (platform: string) => {
        console.log(`User shared on ${platform}`);
      };

      return (
        <VanaAppSocialShareWidget
          shareContent="🍦 ChocoVision Leader (Dark Chocolate)"
          title="Share your flavor"
          onShare={handleShare}
          classNames={{
            root: "text-center",
            button: "w-12 h-12 rounded-full bg-white shadow-lg hover:scale-105"
          }}
          theme={{ iconSize: 20 }}
        />
      );
    }

    For conceptual overview, visit https://docs.vana.org/social-sharing

    Settings

    Member Visibility