Share buttons

Social Media Platform's sharing buttons

Contents

These inputs only change the layout below the tablet breakpoint. Narrow the viewport to see the effect.

hideTextOnMobile — hides the button labels on mobile

breakCopyLinkOnMobile — wraps the copy-link tile onto its own row

Inputs in Mobile
breakCopyLinkOnMobile ?: boolean = false

Wraps the copy-link button onto its own row below the tablet breakpoint while keeping it inline with the other buttons on larger screens.

hideTextOnMobile ?: boolean = false
Also set in this example
shareUrl : string
shareIcons ?: readonly ShareIcons[] = [ 'facebook', 'twitter', 'linkedin', 'reddit', 'telegram', ]
shareText ?: string
shareTitle ?: string
Outputs
onButtonClick ?: any = new EventEmitter<void>()
onCopyLink ?: any = new EventEmitter<void>()