box-ui-elements
Version:
Box UI Elements
41 lines (32 loc) • 3.86 kB
text/mdx
import { Meta } from '@storybook/addon-docs/blocks';
import ContentOpenWithStories from './ContentOpenWith.stories';
<Meta of={ContentOpenWithStories} />
### Demo ([Documentation](https://developer.box.com/docs/box-content-open-with))
**Note:** The Open With UI Element works only with server generated [app user tokens](https://developer.box.com/docs/work-with-users#section-creating-a-new-app-user-jwt-applications-only-).
For more information on this element, see this [documentation](https://developer.box.com/docs/box-content-open-with).
```jsx
var ContentOpenWith = require('./ContentOpenWith').default;
<IntlProvider locale="en">
<ContentOpenWith
features={FEATURES}
fileId={FILE_ID}
token={TOKEN}
/>
</IntlProvider>
```
### Screenshot
<img src="https://cdn-images-1.medium.com/max/1600/1*dd2YfUFtbt9z6Lrv6hNF_g.gif" width="600" alt="" />
---
### Props
| Prop | Type | Default | Description |
|---------------------|---------------------------|----------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| fileId* | string | | The id of the file to preview. |
| token* | string | | *See the [developer docs](https://developer.box.com/docs/box-content-sidebar#section-options).* |
| boxToolsInstallUrl | string | Box's install instructions | This URL will be used instead of the default Box installation instructions which are linked in the _Install Box Tools to open this file on your desktop_ message. |
| boxToolsName | string | _Box Tools_ | This string will replace the name of Box Tools in the _Install Box Tools to open this file on your desktop_ message. |
| dropdownAlignment | string | _left_ or _right_ | Determines the dropdown's alignment to the Open With button. |
| language | string | `en-US` | *See the [Internationalization](../README.md#internationalization) section* |
| messages | Map<string, string> | | *See the [Internationalization](../README.md#internationalization) section* |
| onExecute | Function | | A callback that executes when an integration invocation is attempted. |
| requestInterceptor | function | | *See the [developer docs](https://developer.box.com/docs/box-content-sidebar#section-options).* |
| responseInterceptor | function | | *See the [developer docs](https://developer.box.com/docs/box-content-sidebar#section-options).* |