1 | # Melting Pot
|
2 |
|
3 | The `@withvoid/melting-pot` package contains utilities, helper methods - your typical daily use funcs and so on. See [demo and docs](https://melting-pot.netlify.com/).
|
4 |
|
5 | ## Getting Started
|
6 |
|
7 | Install the package via npm or yarn:
|
8 |
|
9 | `npm install @withvoid/melting-pot`
|
10 |
|
11 | Create your first application like so:
|
12 |
|
13 | ```js
|
14 | import React from "react"
|
15 | import { useWindowSize } from "@withvoid/melting-pot"
|
16 |
|
17 | const App = () => (
|
18 | const {width, height} = useWindowSize();
|
19 | <div>
|
20 | <p>The current height of screen is {height}px</p>
|
21 | <button type="button">
|
22 | {width <= 340 ? 'Click': 'Click Me!'}
|
23 | </button>
|
24 | </div>
|
25 | )
|
26 | ``` |
\ | No newline at end of file |