Skip to content

Commit

Permalink
feedback and more docs
Browse files Browse the repository at this point in the history
  • Loading branch information
@ryankeairns
ryankeairns committed Aug 28, 2018
1 parent b5a1a5e commit 2405629
Show file tree
Hide file tree
Showing 9 changed files with 396 additions and 213 deletions.
171 changes: 2 additions & 169 deletions src-docs/src/views/stat/stat.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,184 +4,17 @@ import {
EuiStat,
EuiFlexItem,
EuiFlexGroup,
EuiPanel,
EuiIcon,
} from '../../../../src/components';

export default () => (
<div>
<EuiFlexGroup>
<EuiFlexItem>
<EuiStat
title="8,888"
description="Much widgets"
title="7,600 mm"
description="Total People"
/>
</EuiFlexItem>
<EuiFlexItem>
<EuiStat
title="8,888"
description="Total of things"
color="accent"
textAlign="center"
/>
</EuiFlexItem>
<EuiFlexItem>
<EuiStat
title="8,888"
description="Much widgets"
color="secondary"
textAlign="center"
/>
</EuiFlexItem>
<EuiFlexItem>
<EuiStat
title="8,888 €"
description="Cost of widgets"
color="danger"
textAlign="right"
/>
</EuiFlexItem>
</EuiFlexGroup>

<EuiFlexGroup>
<EuiFlexItem>
<EuiPanel paddingSize="s">
<EuiStat
title="8,888,888"
description="Total of things"
color="primary"
titleSize="s"
/>
</EuiPanel>
</EuiFlexItem>
<EuiFlexItem>
<EuiPanel paddingSize="s">
<EuiStat
title="8,888,888"
description="Total of things"
color="accent"
textAlign="center"
titleSize="s"
/>
</EuiPanel>
</EuiFlexItem>
<EuiFlexItem>
<EuiPanel paddingSize="s">
<EuiStat
title="8,888,888"
description="Total of things"
color="secondary"
textAlign="center"
titleSize="s"
/>
</EuiPanel>
</EuiFlexItem>
<EuiFlexItem>
<EuiPanel paddingSize="s">
<EuiStat
title="$ 8,888.88"
description="Cost of things"
color="danger"
textAlign="right"
titleSize="s"
/>
</EuiPanel>
</EuiFlexItem>
</EuiFlexGroup>

<EuiFlexGroup>
<EuiFlexItem>
<EuiPanel>
<EuiStat
title="8,888,888"
description="Total of things"
color="darkest"
titleSize="m"
/>
</EuiPanel>
</EuiFlexItem>
<EuiFlexItem>
<EuiPanel>
<EuiStat
title="8,888,888"
description="Total of things"
color="accent"
textAlign="center"
titleSize="m"
/>
</EuiPanel>
</EuiFlexItem>
<EuiFlexItem>
<EuiPanel>
<EuiStat
title="8,888,888"
description="Total of things"
color="secondary"
textAlign="center"
titleSize="m"
/>
</EuiPanel>
</EuiFlexItem>
<EuiFlexItem>
<EuiPanel>
<EuiStat
title="88.88 %"
description="Percent of things"
color="danger"
textAlign="right"
titleSize="m"
/>
</EuiPanel>
</EuiFlexItem>
</EuiFlexGroup>

<EuiFlexGroup>
<EuiFlexItem>
<EuiPanel paddingSize="l">
<EuiStat
title="8,888"
description="Total widgets"
>
<EuiIcon type="iInCircle" />
</EuiStat>
</EuiPanel>
</EuiFlexItem>
<EuiFlexItem>
<EuiPanel paddingSize="l">
<EuiStat
title="2,000"
description="Pending widgets"
color="accent"
textAlign="center"
>
<EuiIcon color="accent" type="clock" />
</EuiStat>
</EuiPanel>
</EuiFlexItem>
<EuiFlexItem>
<EuiPanel paddingSize="l">
<EuiStat
title="6,800"
description="Success widgets"
color="secondary"
textAlign="center"
>
<EuiIcon color="secondary" type="check" />
</EuiStat>
</EuiPanel>
</EuiFlexItem>
<EuiFlexItem>
<EuiPanel paddingSize="l">
<EuiStat
title="88"
description="Error widgets"
color="danger"
textAlign="right"
>
<EuiIcon color="danger" type="alert" />
</EuiStat>
</EuiPanel>
</EuiFlexItem>
</EuiFlexGroup>
</div>
);
35 changes: 35 additions & 0 deletions src-docs/src/views/stat/stat_align.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
import React from 'react';

import {
EuiStat,
EuiFlexItem,
EuiFlexGroup,
} from '../../../../src/components';

export default () => (
<div>
<EuiFlexGroup>
<EuiFlexItem>
<EuiStat
title="$ 1,000.00"
description="Left align"
textAlign="left"
/>
</EuiFlexItem>
<EuiFlexItem>
<EuiStat
title="99.9999"
description="Center align"
textAlign="center"
/>
</EuiFlexItem>
<EuiFlexItem>
<EuiStat
title="1,000.00 €"
description="Right align"
textAlign="right"
/>
</EuiFlexItem>
</EuiFlexGroup>
</div>
);
56 changes: 56 additions & 0 deletions src-docs/src/views/stat/stat_colors.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,56 @@
import React from 'react';

import {
EuiStat,
EuiFlexItem,
EuiFlexGroup,
} from '../../../../src/components';

export default () => (
<div>
<EuiFlexGroup>
<EuiFlexItem>
<EuiStat
title="1"
description="Full color"
titleColor="full"
/>
</EuiFlexItem>
<EuiFlexItem>
<EuiStat
title="10"
description="Dark color"
titleColor="dark"
/>
</EuiFlexItem>
<EuiFlexItem>
<EuiStat
title="100"
description="Primary color"
titleColor="primary"
/>
</EuiFlexItem>
<EuiFlexItem>
<EuiStat
title="1,000"
description="Secondary color"
titleColor="secondary"
/>
</EuiFlexItem>
<EuiFlexItem>
<EuiStat
title="10,000"
description="Danger color"
titleColor="danger"
/>
</EuiFlexItem>
<EuiFlexItem>
<EuiStat
title="100,000"
description="Accent color"
titleColor="accent"
/>
</EuiFlexItem>
</EuiFlexGroup>
</div>
);
64 changes: 64 additions & 0 deletions src-docs/src/views/stat/stat_combos.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,64 @@
import React from 'react';

import {
EuiStat,
EuiFlexItem,
EuiFlexGroup,
EuiPanel,
EuiIcon,
} from '../../../../src/components';

export default () => (
<div>
<EuiFlexGroup>
<EuiFlexItem>
<EuiPanel>
<EuiStat
title="8,888"
description="Total widgets"
titleColor="full"
textAlign="right"
>
<EuiIcon type="empty" />
</EuiStat>
</EuiPanel>
</EuiFlexItem>
<EuiFlexItem>
<EuiPanel>
<EuiStat
title="2,000"
description="Pending widgets"
titleColor="accent"
textAlign="right"
>
<EuiIcon type="clock" color="accent" />
</EuiStat>
</EuiPanel>
</EuiFlexItem>
<EuiFlexItem>
<EuiPanel>
<EuiStat
title="6,800"
description="Success widgets"
titleColor="secondary"
textAlign="right"
>
<EuiIcon type="check" color="secondary" />
</EuiStat>
</EuiPanel>
</EuiFlexItem>
<EuiFlexItem>
<EuiPanel>
<EuiStat
title="88"
description="Error widgets"
titleColor="danger"
textAlign="right"
>
<EuiIcon type="alert" color="danger" />
</EuiStat>
</EuiPanel>
</EuiFlexItem>
</EuiFlexGroup>
</div>
);
Loading

0 comments on commit 2405629

Please sign in to comment.