@wix/design-system
Version:
@wix/design-system
5 lines (4 loc) • 1.58 kB
JavaScript
"use strict";
exports.__esModule = true;
exports.simple = void 0;
var simple = exports.simple = "\n<Card>\n <Card.Header\n title=\"Monthly App Revenue\"\n suffix={<TextButton size=\"small\">Learn more</TextButton>}\n />\n <Card.Divider />\n <Card.Content>\n <Box align=\"center\">\n <StackedBarChart\n yAxisTickFormat={(raw, formatted) => `${formatted} $`}\n data={[\n { label: 'Jan 20', values: [1000, 200] },\n { label: 'Feb 20', values: [200, 700] },\n { label: 'Mar 20', values: [0, 400] },\n { label: 'Apr 20', values: [900, 100] },\n { label: 'Mai 20', values: [300, 300] },\n { label: 'Jun 20', values: [400, 300] },\n { label: 'Jul 20', values: [100, 100] },\n { label: 'Aug 20', values: [0, 0] },\n { label: 'Sep 20', values: [800, 0] },\n { label: 'Oct 20', values: [600, 300] },\n { label: 'Nov 20', values: [200, 300] },\n { label: 'Dec 20', values: [300, 200] },\n ]}\n tooltipTemplate={({ label, values }) => (\n <Box direction=\"vertical\">\n <Text size=\"small\" light>\n Summing to the total values shows you have: {values[0] + values[1]} $\n </Text>\n <Text size=\"small\" light>\n Payout: {values[1]} $\n </Text>\n </Box>\n )}\n tooltipCommonProps={{ maxWidth: '306px' }}\n margin={{ left: 100 }}\n width={894}\n height={400}\n />\n </Box>\n </Card.Content>\n</Card>\n";