Fyxt-hds-react NPM

hds-react

A library of Helsinki Design System components implemented using React.

Getting started

Install 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

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

Supported browsers

Helsinki Design System uses the react-scripts library's default browserslist config to target a broad range of browsers. This means that the following browsers are supported: