@12emake/design-system

Design system

Usage no npm install needed!

<script type="module">
  import 12emakeDesignSystem from 'https://cdn.skypack.dev/@12emake/design-system';
</script>

README

@12emake/design-system

Design system

NPM JavaScript Style Guide

Getting started

npm

To install and save in your package.json dependencies, run:

// with npm
npm install --save @12emake/design-system

// with yarn
yarn add @12emake/design-system

Add required fonts in index.html

// Roboto Font
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />

// Font Icons
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />

Storybook

https://victortrinh.github.io/design-system/

Example of usage

import React, { Component } from 'react'

import MyComponent from '@12emake/design-system'
import '@12emake/design-system/dist/index.css'

class Example extends Component {
  render() {
    return <MyComponent />
  }
}

License

MIT © victortrinh