@littlespoon/typography/README.md

Little Spoon typography

# @littlespoon/typography

[![NPM version](https://img.shields.io/npm/v/@littlespoon/typography.svg)](https://www.npmjs.com/package/@littlespoon/typography)

## Install

[Yarn](https://yarnpkg.com/package/@littlespoon/typography):

```sh
yarn add @littlespoon/typography
```

[npm](https://www.npmjs.com/package/@littlespoon/typography):

```sh
npm install @littlespoon/typography --save
```

[UNPKG](https://unpkg.com/browse/@littlespoon/typography/)

## Usage

Import component:

```tsx
import Typography from '@littlespoon/typography'
```

Render paragraph:

```tsx
<Typography>This is a paragraph</Typography>
```

Render paragraph styled as h1:

```tsx
<Typography variant="h1">This is a paragraph</Typography>
```

Render h1:

```tsx
<Typography as="h1">This is a heading</Typography>
```

Render h1 styled as h2:

```tsx
<Typography as="h1" variant="h2">
  This is a heading
</Typography>
```