design-system-simplefi
Version:
Design System for SimpleFi Applications
20 lines • 928 B
JavaScript
import React from 'react';
import Dial from './Dial';
export default {
title: 'components/Dial',
component: Dial,
};
export var DefaultDial = function () { return (React.createElement(Dial, { percent: 3000 / 3100, primary: { label: '$ Invested:', value: 3000, type: 'currency' } })); };
export var HorizontalDial = function () { return (React.createElement(Dial, { percent: 3000 / 105000, primary: {
label: '$ invested:',
value: 3000,
type: 'currency',
tooltipMessage: 'Hi im tooltip',
} })); };
export var VerticalDial = function () { return (React.createElement(Dial, { direction: "column", percent: 0.1, primary: {
label: '$ invested:',
value: 0.1,
type: 'percent',
tooltipMessage: 'Hi im tooltip',
}, secondary: { label: '% invested:', value: 10000, type: 'currency' }, tooltipPlacement: "right" })); };
//# sourceMappingURL=Dial.stories.js.map