26 lines
984 B
Text
26 lines
984 B
Text
import { Meta, Canvas } from '@storybook/blocks';
|
|
|
|
import * as DocumentCloudStories from './DocumentCloud.stories.svelte';
|
|
|
|
<Meta of={DocumentCloudStories} />
|
|
|
|
# DocumentCloud
|
|
|
|
The `DocumentCloud` component embeds a document hosted by [DocumentCloud](https://documentcloud.org).
|
|
|
|
The document must have its access level set to **public** before it can be embedded. The `slug` can be found after the final slash in the document's URL.
|
|
|
|
For instance, the document included in the example is found at [documentcloud.org/documents/3259984-Trump-Intelligence-Allegations](https://www.documentcloud.org/documents/3259984-Trump-Intelligence-Allegations). The `slug` is `3259984-Trump-Intelligence-Allegations`.
|
|
|
|
```svelte
|
|
<script>
|
|
import { DocumentCloud } from '@reuters-graphics/graphics-components';
|
|
</script>
|
|
|
|
<DocumentCloud
|
|
slug="3259984-Trump-Intelligence-Allegations"
|
|
altText="These Reports Allege Trump Has Deep Ties To Russia"
|
|
/>
|
|
```
|
|
|
|
<Canvas of={DocumentCloudStories.Demo} />
|