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
shareUrl : string
size : ShareButtonSizes
sizeDesktop : ShareButtonSizes
sizeTablet : ShareButtonSizes
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.
buttonRightDesktopLargeMargin ?: Margin
buttonRightDesktopMargin ?: Margin
buttonRightMargin ?: Margin = 'none'
buttonRightTabletMargin ?: Margin
excludeShareTracking ?: boolean = false
facebookAppId ?: string
Required to build the Messenger share URL. When the `messenger` icon is requested without an app id, the button falls back to the base share link.
hideTextOnMobile ?: boolean = false
shareButtonSpacing ?: ShareButtonSpacing = 'space-evenly'
shareIcons ?: readonly ShareIcons[] = [
'facebook',
'twitter',
'linkedin',
'reddit',
'telegram',
]
shareText ?: string
shareTitle ?: string
showText ?: boolean = true
textColor ?: FontColor = FontColor.FOREGROUND
Outputs
onButtonClick ?: any = new EventEmitter<void>()
onCopyLink ?: any = new EventEmitter<void>()