mirror of
https://github.com/yldio/copilot.git
synced 2024-11-13 06:40:06 +02:00
Adding mini metric back into storybook
This commit is contained in:
parent
b735cd2ee2
commit
230d4c0354
55
ui/src/components/mini-metric/story.js
Normal file
55
ui/src/components/mini-metric/story.js
Normal file
@ -0,0 +1,55 @@
|
|||||||
|
const React = require('react');
|
||||||
|
const Base = require('../base');
|
||||||
|
const Row = require('../row');
|
||||||
|
const Column = require('../column');
|
||||||
|
|
||||||
|
const {
|
||||||
|
storiesOf,
|
||||||
|
// action,
|
||||||
|
// linkTo
|
||||||
|
} = require('@kadira/storybook');
|
||||||
|
|
||||||
|
const {
|
||||||
|
MiniMetricGraph,
|
||||||
|
MiniMetricMeta,
|
||||||
|
MiniMetricTitle,
|
||||||
|
MiniMetricSubtitle,
|
||||||
|
MiniMetricView
|
||||||
|
} = require('./');
|
||||||
|
|
||||||
|
const MiniMetricData = require('../list/mini-metric-data');
|
||||||
|
|
||||||
|
storiesOf('Metric (Mini)', module)
|
||||||
|
.add('Mini Metric', () => (
|
||||||
|
<Base>
|
||||||
|
<Row around>
|
||||||
|
<Column xs={3}>
|
||||||
|
<MiniMetricView>
|
||||||
|
<MiniMetricMeta>
|
||||||
|
<MiniMetricTitle>Memory: 54%</MiniMetricTitle>
|
||||||
|
<MiniMetricSubtitle>(1280/3000 MB)</MiniMetricSubtitle>
|
||||||
|
</MiniMetricMeta>
|
||||||
|
<MiniMetricGraph data={MiniMetricData} />
|
||||||
|
</MiniMetricView>
|
||||||
|
</Column>
|
||||||
|
<Column xs={3}>
|
||||||
|
<MiniMetricView>
|
||||||
|
<MiniMetricMeta>
|
||||||
|
<MiniMetricTitle>Memory: 54%</MiniMetricTitle>
|
||||||
|
<MiniMetricSubtitle>(1280/3000 MB)</MiniMetricSubtitle>
|
||||||
|
</MiniMetricMeta>
|
||||||
|
<MiniMetricGraph data={MiniMetricData} />
|
||||||
|
</MiniMetricView>
|
||||||
|
</Column>
|
||||||
|
<Column xs={3}>
|
||||||
|
<MiniMetricView>
|
||||||
|
<MiniMetricMeta>
|
||||||
|
<MiniMetricTitle>Memory: 54%</MiniMetricTitle>
|
||||||
|
<MiniMetricSubtitle>(1280/3000 MB)</MiniMetricSubtitle>
|
||||||
|
</MiniMetricMeta>
|
||||||
|
<MiniMetricGraph data={MiniMetricData} />
|
||||||
|
</MiniMetricView>
|
||||||
|
</Column>
|
||||||
|
</Row>
|
||||||
|
</Base>
|
||||||
|
));
|
Loading…
Reference in New Issue
Block a user