matic-design-system

Design system for matic products.

Project setup

npm install

Storybook

Viewing storybook

npm run storybook

Generate storybook build for publishing

npm run build-storybook

npm

Build library for publishing

npm run build-library

This generates CommonJS and unpkg modules in /dist. (Using common js here). Update main field in package.json to change the entry point of published package.

For versoning, refer semantic versioning spec.

Publishing to npm

npm run release

This will take care of build, versioning and publishing.

Usage

Setup

npm install @maticnetwork/matic-design-system

Implementation

import { Button, Icon } from "@maticnetwork/matic-design-system";

<Button label="Click Me!">
<Icon name="login/metamask">