hypnagaga/src/docs/intro.stories.mdx
Jon McClure 987e80abe5 docs
2022-08-16 21:37:48 +01:00

38 lines
1,008 B
Text

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!'}" />
```