# @danske/sapphire-react

This is the implementation of Sapphire design system containing reusable react components.

## List of Components

To view the list of available components you can run `yarn storybook` from the `@sapphire-react`
folder.

## Use a component

`npm i @danske/sapphire-react`

note: When using npm version less than 7 `@danske/sapphire-icons` is required to be
installed manually in order to use Icon component and other Components which
uses Icon internally.

After this you can import component and start using it.

```typescript
import { Button } from '@danske/sapphire-react';

const MyApp = () => {
  return (
    <Button variant="primary" onPress={() => console.log('Click!')}>
      My Button
    </Button>
  );
};
```

You will find more example in [storybook documentation](#list-of-components)