Share
Leverages the native sharing mechanism of the device to share data such as text, URLs, or files. The available share targets depend on the device but might include the clipboard, contacts and email applications, websites, bluetooth, etc.
Example#
- Web Component
- React
- Angular
<uxf-share share-title="MGNL" share-text="Lorem ipsum dolor sit amet, consectetur adipiscing elit" share-url="https://docs.magnolia-cms.com/product-docs/6.2/HOME/index.html"> <uxf-button variant="secondary" outline>Share</uxf-button></uxf-share>
<uxfShare shareTitle="MGNL" shareText="Lorem ipsum dolor sit amet, consectetur adipiscing elit" shareUrl="https://docs.magnolia-cms.com/product-docs/6.2/HOME/index.html"> <uxfButton variant="secondary" outline>Share</uxfButton></uxfShare>
<uxf-share shareTitle="MGNL" shareText="Lorem ipsum dolor sit amet, consectetur adipiscing elit" shareUrl="https://docs.magnolia-cms.com/product-docs/6.2/HOME/index.html"> <uxf-button variant="secondary" outline>Share</uxf-button></uxf-share>Properties#
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
shareText | share-text | string | undefined | |
shareTitle | share-title | string | undefined | |
shareUrl | share-url | string | undefined |