@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.

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