import { Meta } from '@storybook/addon-docs/blocks';


<Meta />

`import ContentSharing from 'box-ui-elements/es/elements/content-sharing';`

The ContentSharing Element extends the <a href="/?path=/story/features-unifiedsharemodal--basic">UnifiedShareModal</a> with Box APIs. The `ErrorMask` appears by default if the required props (token, item ID, and item type) are invalid or missing. To test it with your files or folders, update the values in the <a href="/?path=/story/elements-contentsharing--basic">Knobs</a> tab of this story.


```jsx

var ContentSharing = require('./ContentSharing').default;

<IntlProvider locale="en">
    <ContentSharing
    token={TOKEN}
    {...PROPS}
    />

</IntlProvider>
```


| Prop           | Type                      | Default | Description                                                                                    |
|----------------|---------------------------|---------|------------------------------------------------------------------------------------------------|
| token*         | string                    |         | Refer to another element                                                                       |
| itemID*        | string                    |         | The ID of the file or folder to share.                                                         |
| itemType*      | string                    |         | The type of the item to share. Can be `file` or `folder`.                                      |
| config         | Object                    |         | `{showEmailSharedLinkForm: boolean,  showInviteCollaboratorMessageSection: boolean}`           |
| customButton   | React.ReactNode           |         | Custom button to open the ContentSharing element.                                              |
| displayInModal | boolean                   | false   | Whether to display the ContentSharing element in a modal.                                      |
| messages       | Map&lt;string, string&gt; |         | *See the [Internationalization](/docs/elements-usage--docs#internationalization-i18n) section* |