design-system-simplefi
Version:
Design System for SimpleFi Applications
26 lines • 1.45 kB
JavaScript
import React from 'react';
import { SFIIconsNames } from '../../theme/icons/icons.enums';
import IconButton from './IconButton';
export default {
title: 'components/IconButton',
component: IconButton,
};
export var DefaultIconButton = function () { return (React.createElement(IconButton, { iconName: SFIIconsNames.wrench, label: "Wrench" })); };
export var IconButtonWithTooltip = function () { return (React.createElement(React.Fragment, null,
React.createElement(IconButton, { iconName: SFIIconsNames.copy, label: "Copy address", showLabelTooltip: true }),
React.createElement("div", { style: {
display: 'flex',
justifyContent: 'center',
} },
React.createElement(IconButton, { iconName: SFIIconsNames.redirect, label: "View on explorer", tooltipPlacement: "top", showLabelTooltip: true })),
React.createElement("div", { style: {
display: 'flex',
justifyContent: 'center',
} },
React.createElement(IconButton, { iconName: SFIIconsNames.wrench, label: "Settings", tooltipPlacement: "bottom", showLabelTooltip: true })),
React.createElement("div", { style: {
display: 'flex',
justifyContent: 'right',
} },
React.createElement(IconButton, { iconName: SFIIconsNames.redirect, label: "View on explorer", tooltipPlacement: "left", showLabelTooltip: true })))); };
//# sourceMappingURL=IconButton.stories.js.map