Milligrami

Is a React Milligram wrapper

Install:

# yarn add milligrami

OR

# npm i milligrami

OR

# <script
    src="https://unpkg.com/milligrami@0.3.1/lib/umd/miliigrami.min.js"
    ></script>

Batteries not included

doesnt include 'milligram.css'

From consumer

'@import '~milligram/dist/milligram.css';

or directly into "index.html"

<link src-"somewhere/milligram.css"/>

Usage:

@see: Milligrami-demo

import { Button } from "milligrami"

const App = () => (
    <div>
        <Button> OK </Button>
        <Button outline> Outline </Button>
        <Button clear> Clear </Button>
    </div>
);

Note: All elements are doing pretty much the same, On a simplistic approach

• props are passed down to (in this case) the <button/> Tag only the className is appended with the respective Milligram css-class

      <Button  type="submit" outline className="extra-class"/>
  

should render

<button type-"submit" class="extra-class button button-outline">
    <!-- children ? -->
<button>

Building

#cd packages/milligrami
$npm run build

Testing

#cd packages/milligrami
$npm run test

Compatibillity

`as in 2018's of "it works on my computer"... should work in Chrome