diff --git a/app/soapbox/components/ui/button/button.tsx b/app/soapbox/components/ui/button/button.tsx index b09e8c0e2..bdce8872e 100644 --- a/app/soapbox/components/ui/button/button.tsx +++ b/app/soapbox/components/ui/button/button.tsx @@ -100,4 +100,7 @@ const Button = React.forwardRef((props, ref): JSX.El return renderButton(); }); -export default Button; +export { + Button as default, + Button, +}; diff --git a/stories/Button.stories.tsx b/stories/Button.stories.tsx index f6f598e30..796d17e96 100644 --- a/stories/Button.stories.tsx +++ b/stories/Button.stories.tsx @@ -1,7 +1,7 @@ import { ComponentStory, ComponentMeta } from '@storybook/react'; import React from 'react'; -import Button from 'soapbox/components/ui/button/button'; +import { Button } from 'soapbox/components/ui'; // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export export default { @@ -10,32 +10,16 @@ export default { // More on argTypes: https://storybook.js.org/docs/react/api/argtypes argTypes: { text: { type: 'string', defaultValue: 'Button' }, - theme: { - control: 'select', - options: [ - 'primary', - 'secondary', - 'tertiary', - 'accent', - 'danger', - 'transparent', - 'outline', - 'muted', - ], - defaultValue: 'primary', - }, - size: { - control: 'select', - options: [ - 'xs', - 'sm', - 'md', - 'lg', - ], - defaultValue: 'md', - }, - disabled: { type: 'boolean', defaultValue: false }, - onClick: { action: 'onClick' }, + theme: { defaultValue: 'primary' }, + size: { defaultValue: 'md' }, + disabled: { defaultValue: false }, + block: { defaultValue: false }, + children: { table: { disable: true } }, + className: { table: { disable: true } }, + type: { table: { disable: true } }, + to: { table: { disable: true } }, + icon: { table: { disable: true } }, + onClick: { table: { disable: true } }, }, } as ComponentMeta;