chore(Button): add actions addon

gravity-ui · May 17, 2024 · 0122e6b · 0122e6b
1 parent d93f5b4
commit 0122e6b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -7,6 +7,7 @@ const config: StorybookConfig = {
         defaultName: 'Docs',
     },
     addons: [
+        '@storybook/addon-actions',
         '@storybook/preset-scss',
         {name: '@storybook/addon-essentials', options: {backgrounds: false}},
         './theme-addon/register.tsx',

diff --git a/src/components/Button/__stories__/Button.stories.tsx b/src/components/Button/__stories__/Button.stories.tsx
@@ -8,6 +8,7 @@ import {
     Globe,
     Heart,
 } from '@gravity-ui/icons';
+import {action} from '@storybook/addon-actions';
 import type {Meta, StoryObj} from '@storybook/react';
 
 import {Showcase} from '../../../demo/Showcase';
@@ -41,7 +42,16 @@ export default {
 
 type Story = StoryObj<typeof Button>;
 
-export const Default: Story = {args: {children: 'Button'}};
+export const Default: Story = {
+    args: {
+        children: 'Button',
+        onClick: action('onClick'),
+        onMouseEnter: action('onMouseEnter'),
+        onMouseLeave: action('onMouseLeave'),
+        onFocus: action('onFocus'),
+        onBlur: action('onBlur'),
+    },
+};
 
 export const View: Story = {
     render: (args) => <ButtonViewShowcase {...args} />,