@frankhoodbs/social-share-item-cmp NPM

Social Share Item Component

This component is designed to create a share button or a link for various social media platforms. The component is highly customizable and can handle different types of social media platforms including Facebook, Instagram, YouTube, Pinterest, Email, and more.

Props

Name	Type	Description
`data-social`	`string`	Required. the name of the social 'facebook','twitter','linkedin','youtube','instagram','whatsapp','pinterest','email','print', 'copy'
`datais-share`	`boolean` or `string`	(bool) set if the button is a share button or a link (the share is only for facebook, linkedin, pinterest and twitter) use false for copy type. Defaults to false
`data-href`	`string`	url for external page. Defaults to an empty string.
`data-target`	`string`	set where to open the link. Defaults to `_blank`.
`data-rel`	`string`	Sets the rel attribute of the link. Defaults to an empty string.
`data-subject-mail`	`string`	The subject of the email (only for mail). Defaults to an empty string.
`data-content-mail`	`string`	The content of the email (only for mail). Defaults to an empty string.
`data-content-whatsapp`	`string`	The content of the WhatsApp text (only for WhatsApp). Defaults to an empty string.
`data-share-url`	`string`	The URL of the share. Defaults to an empty string.

Usage/Examples

<template>
  <social-share-item-cmp
    data-social="facebook"
    data-is-share="true"
    data-share-url="https://yourwebsite.com"
  >
    <svg><!-- Your SVG icon here --></svg>
  </social-share-item-cmp>
</template>

vue @frankhoodbs/js-loader-cmp @frankhoodbs/cast-prop-to-type

@everything-registry/sub-chunk-340

12 months ago

1 year ago

7 months ago

7 months ago

6 months ago