feat: OHIF-v3 UI Component Library (#2653)

* wip on storybook as a replacement for using UI components in docusaurus, since it causes too many problems * fix: storybook webpack config * feat: add more stories * feat: add more stories * feat: add more stories * feat: fix logo and babel runtime error * feat: move to mdx docs for ui * feat: enhanced mdx for header and styles * feat: Add button usecases * feat: Add buttonGroup docs * feat: Add docs and use case to cine and contex menu * feat: fix decorators * feat: add header and dropdown docs * feat: add Icon and input docs * feat: add more docs * feat: add more stories * fix: feedback section * feat: Add doc page * feat: Add typography and color stories * yarn lock * add analytics to v3-ui * new banner image * new viewport component * update review comments
2022-02-10 14:08:34 -05:00
1 parent eb77cb76b6
commit 5c8ee7f906
@@ -0,0 +1,26 @@
+import React from 'react';
+import IconButton from './IconButton';
+import Icon from '../Icon/Icon';
+import { ICONS } from '../Icon/getIcon';
+
+export default {
+  component: IconButton,
+  title: 'Icons/IconButton',
+  argTypes: {
+    iconName: {
+      control: { type: 'select', options: Object.keys(ICONS) },
+    },
+  },
+};
+
+const Template = ({ iconName, ...args }) => (
+  <IconButton {...args}>
+    <Icon name={iconName} />
+  </IconButton>
+);
+
+export const Default = Template.bind({});
+
+Default.args = {
+  iconName: 'clipboard',
+};