mda-components v0.0.7

mda-components

A library of reusable React components. Built with

• Rebass
• Styled System
• Styled Components. Explore with Storybook.

Installation and Use

Run

yarn add mda-components

to add package mda-components to your dependencies.

You can import components like this

import { Header } from 'mda-components'

and and use them like any other component in your code.

Global CSS

You will likely need some global styles, e.g. a browser reset such as normalize.css or @font-face declarations. There are many ways to add global CSS and this library leaves it up to you to decide which global CSS you use and how to include it.

For a minimalistic reset, you can use injectGlobal from styled components:

import { injectGlobal } from 'styled-components'

injectGlobal`
  * { box-sizing: border-box; }
  body { margin: 0; }
`