import { Meta } from '@storybook/addon-docs';
import { parameters } from '$docs/utils/docsPage.js';

<Meta title="Intro" parameters={{ ...parameters }} />

![](https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg)

# @reuters-graphics/graphics-components

Svelte components, SCSS and more you can use in your Svelte-based projects.

All the bits that make Reuters Graphics pages... Reuters-y.

<img
  src="https://creazilla-store.fra1.digitaloceanspaces.com/cliparts/1242803/under-construction-sign-clipart-xl.png"
  width="125"
  style={{ transform: 'rotate(-10deg)', margin: '1rem 0 -2rem' }}
/>

---

## Getting started

1. Install

```bash
yarn add @reuters-graphics/graphics-components
```

2. Checkout the guides, if you haven't, or dive straight into the component docs to start using components.

```svelte
<script>
  import { BodyText } from '@reuters-graphics/graphics-components';
</script>

<BodyText text="{'Hello world!'}" />
```