Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

helsenorge/designsystem

Repository files navigation

Frankenstein - Helsenorge's design system

This repository contains React components in NPM packages that implement the design:

  • @helsenorge/designsystem-react
  • @helsenorge/datepicker
  • @helsenorge/lightbox

Using the React components

In your project:

npm i @helsenorge/designsystem-react --save

Using components:

import Button from '@helsenorge/designsystem-react/components/Button';
const ExampleComponent: React.FC = () => {
 return <Button>{'Click me'}</Button>;
};

Documentation

View our Storybook to see all components and their props.

Making a new component in @helsenorge/designsystem-react

npm i
cd npm/designsystem
npm run new # Follow the instructions

Use npm run start to start Storybook and start developing your component!

Issues and pull requests

Please file an issue on Github or open a pull request there.

If you have access to Norsk Helsenett's Slack, contact the ROX team for assistance.

About

πŸ“¦ The official design system for Helsenorge

Topics

Resources

License

Stars

Watchers

Forks

Packages

Contributors

Languages

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /