@orfeas126/box-ui-elements
Version:
Box UI Elements
34 lines (22 loc) • 2.09 kB
text/mdx
import { Meta } from '@storybook/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<string, string> | | *See the [Internationalization](/docs/elements-usage--docs