Harmony

Harmony is a React component library by Evmera.

It provides reusable UI components for building consistent interfaces across Evmera products.

Installation

Install Harmony from npm:

npm install @evmera/harmony

Usage

Import the Harmony stylesheet:

import '@evmera/harmony/styles.css'

Import components directly from the package:

import { Button } from '@evmera/harmony'

export default function App() {
  return <Button>Continue</Button>
}

Font

Harmony includes Google Sans.

To use Google Sans as the application font, set the global body font variable:

:root {
  --global-font-body: 'Google Sans', sans-serif;
}

Development

Install dependencies:

npm install

Start Storybook:

npm run storybook

Build the library:

npm run build

Run linting:

npm run lint

Storybook

Harmony uses Storybook for component development and documentation.

npm run storybook

Storybook will be available at:

http://localhost:6006

Package

Harmony is published on npm as:

@evmera/harmony

Install the latest version with:

npm install @evmera/harmony

License

Copyright © Evmera.