modern

Modern Design System

Usage no npm install needed!

<script type="module">
  import modern from 'https://cdn.skypack.dev/modern';
</script>

README

Modern Design System

Installation

npm install --save modern

Usage

Here is a quick example to get you started:

import { Card } from 'modern'

export default () => (
  <Card title="Card Title" author="Joe Shmo" />
)

For extensive documentation on usage for each component check out the modern storybook.

Configuration

If you'd like to override any of the design system predefined defaults such as colors or the font family, simply import the design system configuration object and override the properties you'd like to customize.

import { config } from 'modern'

config.fonts.family = 'Gotham'
config.colors.blue.blue900 = '#3287f1'