README.md

hds-react

A collection of Helsinki Design System components implemented using React.

📚 See the components in Storybook

Getting started

Installing the package:

yarn add hds-react

Using the components:

import { TextInput } from "hds-react";

// you can also import components individually instead of importing the whole package
import { TextInput } from "hds-react/components/TextInput";

Helsinki fonts

The Helsinki fonts are not included in the package due to copyright reasons.

Development

Read more here.

Built with

• React with TypeScript support
• bundled with Rollup, compiled with Babel
• CSS Modules with typed-css-modules for styles
• ESLint for code analysis
• Prettier for code formatting
• Jest with React Testing Library for testing
• Loki for visual regression testing