design-system-simplefi
Version:
Design System for SimpleFi Applications
28 lines • 1.82 kB
JavaScript
import React from 'react';
import DataDetail from './DataDetail';
export default {
title: 'components/DataDetail',
component: DataDetail,
};
export var DataDetailCount = function () { return (React.createElement(DataDetail, { primary: { label: 'Total Holdings:', value: 0.1, type: 'count' } })); };
export var DataDetailDefault = function () { return (React.createElement(DataDetail, { primary: { label: 'Total Holdings:', value: 0.1, type: 'currency' } })); };
export var principalDataDetail = function () { return (React.createElement(DataDetail, { primary: {
label: 'Total Holdings:',
value: 1999.12,
type: 'currency',
tooltipMessage: 'Total Holdings is something very important',
}, titleColor: "lightPurple", tooltipPlacement: "right", principal: true })); };
export var textDataDetail = function () { return (React.createElement(DataDetail, { primary: {
label: 'Total Holdings:',
value: 'hei',
type: 'text',
tooltipMessage: 'Total Holdings is something very important',
}, titleColor: "lightPurple", tooltipPlacement: "right" })); };
export var DataDetailColoredNegative = function () { return (React.createElement(DataDetail, { primary: { label: 'total ROI%:', value: -0.1, type: 'percent' }, secondary: { label: 'total ROI$:', value: -10000, type: 'currency' }, colored: true })); };
export var DataDetailColoredPositive = function () { return (React.createElement(DataDetail, { primary: {
label: 'total ROI:',
value: 20.12,
type: 'percent',
tooltipMessage: 'Return on investment is a performance measure used to evaluate the efficiency or profitability',
}, secondary: { label: 'total ROI:', value: 10000, type: 'currency' }, colored: true })); };
//# sourceMappingURL=DataDetail.stories.js.map