0.3.1 • Published 5 years ago
milligrami v0.3.1
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