reporting-ui-components

React components for new reporting UI

How to use

``
yarn add reporting-ui-components
`

`javascript
import React from 'react';
import ReactDOM from 'react-dom';
import { Test } from 'reporting-ui-components';

ReactDOM.render(, document.getElementById('root'));
`

How to develop

`
git clone git@github.com:movio/reporting-ui-components.git
yarn
npm run build
npm start
`

then open http://localhost:8088/

List of components

$3

`javascript
import {
Button,
ClearButton,
PrimaryButton,
SecondaryButton,
LinkButton,
Container,
} from 'reporting-ui-components';
ReactDOM.render(
Confirm
Decline
, document.getElementById('root'));
`

$3

`javascript
import {
ButtonGroup,
Button
} from 'reporting-ui-components';

ReactDOM.render(
Confirm
Decline
, document.getElementById('root'));
`

$3

`javascript
import {
Card,
} from 'reporting-ui-components';
`

$3

`javascript
import {
CardBlock,
} from 'reporting-ui-components';
`

$3

`javascript
import {
CardBox,
} from 'reporting-ui-components';
`

$3

`javascript
import {
CardDeck,
} from 'reporting-ui-components';
`

$3

`javascript
import {
CardGrid,
} from 'reporting-ui-components';
`

$3

`javascript
import {
CardParagraph,
} from 'reporting-ui-components';
`

$3

`javascript
import {
Checkbox,
} from 'reporting-ui-components';
`

$3

`javascript
import {
Code,
} from 'reporting-ui-components';
`

$3

`javascript
import {
Container,
DarkContainer,
LightContainer,
SidePaddedContainer,
PaddedContainer,
BorderTopContainer,
BorderBottomContainer,
BorderContainer,
WrapperContainer,
MobileOnlyContainer,
DesktopOnlyContainer,
CenteredContainer,
BodyColorContainer,
HighlightContainer,
} from 'reporting-ui-components';
`

$3

`javascript
import {
Filters,
} from 'reporting-ui-components';
`

$3

`javascript
import {
FlexColumns,
} from 'reporting-ui-components';
`

$3

`javascript
import {
Footer,
} from 'reporting-ui-components';
`

$3

`javascript
import {
H1,
CenteredH1,
} from 'reporting-ui-components';
`

$3

`javascript
import {
H2,
CenteredH2,
} from 'reporting-ui-components';
`

$3

`javascript
import {
H3,
CenteredH3,
} from 'reporting-ui-components';
`

$3

`javascript
import {
HighlightOnClick,
} from 'reporting-ui-components';
`

$3

`javascript
import {
IconArrowDown,
IconDelete,
IconPlus,
IconTimes,
} from 'reporting-ui-components';
`

$3

`javascript
import {
Input,
SmallInput,
} from 'reporting-ui-components';
`

$3

`javascript
import {
Label,
} from 'reporting-ui-components';
`

$3

`javascript
import {
Logo,
} from 'reporting-ui-components';
`

$3

`javascript
import {
Navbar,
} from 'reporting-ui-components';
`

$3

`javascript
import {
NumberScroller,
} from 'reporting-ui-components';
`

$3

`javascript
import {
P,
} from 'reporting-ui-components';
`

$3

`javascript
import {
TextPlaceholder,
BarChartPlaceholder,
} from 'reporting-ui-components';
`

$3

`javascript
import {
Sticky,
} from 'reporting-ui-components';
`

$3

`javascript
import {
Tab,
} from 'reporting-ui-components';
`

$3

`javascript
import {
Table,
} from 'reporting-ui-components';
`

$3

`javascript
import {
Tabs,
} from 'reporting-ui-components';
`

$3

`javascript
import {
Test,
} from 'reporting-ui-components';
`

$3

`javascript
import {
Tooltip,
} from 'reporting-ui-components';
``