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

    Interface VanaAppSocialShareWidgetProps

    Configuration properties for the VanaAppSocialShareWidget component.

    Required Props:

    • shareContent: The main result/content users want to share

    Customization Props:

    • classNames: CSS class names for styling every component part
    • theme: Visual customization (currently supports icon sizing)
    • renderButton, buttonComponent: Custom button implementations

    Event Props:

    • onShare: Callback when user initiates sharing (useful for analytics)
    • onShowToast: Custom toast implementation (uses internal if not provided)
    interface VanaAppSocialShareWidgetProps {
        buttonComponent?: ComponentType<ShareButtonProps>;
        classNames?: VanaAppSocialShareClassNames;
        hideTitle?: boolean;
        hideToast?: boolean;
        onCopySuccess?: (platform: SocialPlatform, shareText: string) => void;
        onShare?: (platform: SocialPlatform) => void;
        renderButton?: (platform: SocialPlatform, Icon: LucideIcon) => ReactNode;
        shareContent: string;
        suffix?: string;
        theme?: VanaAppSocialShareTheme;
        title?: string;
        toastDuration?: number;
    }
    Index

    Properties

    buttonComponent? classNames? hideTitle? hideToast? onCopySuccess? onShare? renderButton? shareContent suffix? theme? title? toastDuration?

    Properties

    buttonComponent?: ComponentType<ShareButtonProps>

    Custom button component to replace default buttons

    classNames?: VanaAppSocialShareClassNames

    CSS class names for styling all component parts

    hideTitle?: boolean

    Hide the title section completely

    hideToast?: boolean

    Hide the internal toast notification (use when providing custom toast via onCopySuccess)

    onCopySuccess?: (platform: SocialPlatform, shareText: string) => void

    Callback fired when text is copied to clipboard

    onShare?: (platform: SocialPlatform) => void

    Callback fired when user initiates sharing on any platform

    renderButton?: (platform: SocialPlatform, Icon: LucideIcon) => ReactNode

    Render prop for complete button customization

    shareContent: string

    Main content to share - user's result, score, or generated content

    suffix?: string

    Suffix appended to share content. Default: "\n\nTry @ app.vana.com\n#datarevolution". Set to empty string to disable.

    theme?: VanaAppSocialShareTheme

    Theme configuration for visual customization

    title?: string

    Title displayed above share buttons (e.g., "Share your result")

    toastDuration?: number

    Duration in milliseconds for how long the toast should be visible. Default: 4000 (4 seconds)

    Settings

    Member Visibility

    On This Page

    Properties