# Display an Album in a Lightning Web Component

In this article, you will learn how to call the component SharinPix Album (LWC) as a child in another parent component.

## Call SharinPix Album (LWC) inside Lightning Web Component

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

```html
<template>
    <sharinpix-album record-id={recordId} enable-image-sync={enableImageSync} 
    height={height} fullscreen-allowed={fullscreenAllowed} 
    enable-action={enableAction} enable-toast={enableToast} 
    permission-id={permissionId} tags={tags} auto-tags={autoTags} 
    component-id={componentId}></sharinpix-album>
</template>
```

```javascript
import { LightningElement, api } from 'lwc';

export default class ParentAlbum extends LightningElement {
    @api recordId
    enableImageSync = true
    height = 600
    fullscreenAllowed = true
    enableAction = true
    enableToast = true
    permissionId = 'SharinPixPermissionName'
    tags = 'tag1;tag2'
    autoTags = 'autoTag1'
    componentId = 'album'
}
```

{% hint style="warning" %}
**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](https://docs.sharinpix.com/documentation/access-and-security/sharinpix-permission-object-how-to-create-and-assign-custom-permission).
  {% endhint %}

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