Display an upload button in a Lightning Web Component

This article explains how to embed the SharinPix Upload Button component in a Lightning Web Component.

Call the SharinPix Upload Button (LWC) inside Lightning Web Component

The sample code below demonstrates how to call the **SharinPix Upload Button (LWC) **inside the markup of a Lightning Web Component.

    <?xml version="1.0" encoding="UTF-8"?>
    <LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
        <apiVersion>60.0</apiVersion>
        <isExposed>true</isExposed>
        <targets>
            <target>lightning__RecordPage</target>
        </targets>
    </LightningComponentBundle>

    <template>
      <sharinpix-sharinpix-upload
          album-id={recordId}
          label={label}
          component-id={componentId}
          enable-action={enableAction}
          enable-image-sync={enableImageSync}
          enable-toast={enableToast}
          permission-id={permissionId}
          auto-tags={autoTags}>
      </sharinpix-sharinpix-upload>
    </template>

    import { LightningElement, api } from 'lwc';
    
    export default class UploadButton extends LightningElement {
        @api recordId
        label = // label
        componentId = // componentId
        enableAction = // enableAction
        enableImageSync = // enableImageSync
        enableToast = // enableToast
        permissionId = // permission Name or Id
        autoTags = // autoTags
        
        //The parameters are explained in more details below.
    }

**Note: **

• The parameter's value can be modified as per your use-case.

• The SharinPixPermissionName highlighted above should be replaced with the name or Id of a SharinPix Permission.

The table below details the parameters available of the SharinPix Upload Button (LWC).

Parameter | Type | Description

---|---|--- albumId | String | Corresponds to the Salesforce record ID (album ID) to which the photos should be uploaded. This parameter is mandatory.

label | String | Used to configure the button label.

componentId | String | Takes the user-defined component ID as value to identify this component when using multiple components.

enableAction | Boolean | Enables the Tag Action feature on the upload button.

enableImageSync | Boolean | Enables the Image Sync feature on the upload button.

enableToast | Boolean | Enables toast on successful image upload.

permissionId | String | Includes the Salesforce record ID or Name of a SharinPix Permission record which can be created to control access rights for the SharinPix Upload Button component.

autoTags | String | Used to pass one or more tags to be automatically applied on files uploaded using the _SharinPix Upload Button _component. If multiple auto-tags are needed, they should be delimited by a semi-colon. Example: TagA;TagB;TagC