1 | # qube-ui
|
2 |
|
3 | > qube react components
|
4 |
|
5 | [![NPM](https://img.shields.io/npm/v/qube-ui.svg)](https://www.npmjs.com/package/qube-ui) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
|
6 |
|
7 | ## Install
|
8 |
|
9 | ```bash
|
10 | npm install --save qube-ui
|
11 | ```
|
12 |
|
13 | ## import semantic-ui-css to your styles.css
|
14 |
|
15 | ```css
|
16 | @import '~semantic-ui-css/semantic.min.css';
|
17 | ```
|
18 |
|
19 | ## Usage
|
20 |
|
21 | ```jsx
|
22 | import React, {Component} from 'react'
|
23 | import {ThemeProvider} from 'styled-components'
|
24 | import {PrimaryButton, DefaultTheme as theme} from 'qube-ui'
|
25 |
|
26 | export default () =>
|
27 | <ThemeProvider theme={theme}>
|
28 | <PrimaryButton>Click Here</PrimaryButton>
|
29 | </ThemeProvider>
|
30 | ```
|
31 |
|
32 | run tests
|
33 | ```bash
|
34 | npm run test
|
35 | ```
|
36 |
|
37 | run tests for specific regex
|
38 | ```bash
|
39 | npm run test -- -t="Pagination"
|
40 | ```
|
41 |
|
42 | run tests update snapshots
|
43 | ```bash
|
44 | npm run test -- -u
|
45 | ```
|
46 |
|
47 | ## License
|
48 |
|
49 | # todo
|