diff --git a/packages/grafana-ui/src/components/Button/Button.mdx b/packages/grafana-ui/src/components/Button/Button.mdx
index a355676e553..a2ba4801337 100644
--- a/packages/grafana-ui/src/components/Button/Button.mdx
+++ b/packages/grafana-ui/src/components/Button/Button.mdx
@@ -1,4 +1,4 @@
-import { Meta, Story, Preview, Props } from '@storybook/addon-docs/blocks';
+import { Meta, Preview, ArgsTable } from '@storybook/addon-docs/blocks';
import { Button, LinkButton } from './Button';
@@ -80,7 +80,7 @@ Used for triggering a removing or deleting action. Because of its dominant color
-
+
## Links
diff --git a/packages/grafana-ui/src/components/Button/Button.story.tsx b/packages/grafana-ui/src/components/Button/Button.story.tsx
index b61f3aded5b..5377116997b 100644
--- a/packages/grafana-ui/src/components/Button/Button.story.tsx
+++ b/packages/grafana-ui/src/components/Button/Button.story.tsx
@@ -1,7 +1,6 @@
import React from 'react';
import { Story, Meta } from '@storybook/react';
import { allButtonVariants, allButtonFills, Button, ButtonProps } from './Button';
-import { iconOptions } from '../../utils/storybook/knobs';
import mdx from './Button.mdx';
import { HorizontalGroup, VerticalGroup } from '../Layout/Layout';
import { ButtonGroup } from './ButtonGroup';
@@ -11,11 +10,6 @@ import { Card } from '../Card/Card';
export default {
title: 'Buttons/Button',
component: Button,
- argTypes: {
- variant: { control: 'select' },
- size: { control: 'select' },
- icon: { control: { type: 'select', options: iconOptions } },
- },
parameters: {
docs: {
page: mdx,
@@ -23,13 +17,10 @@ export default {
knobs: {
disable: true,
},
- controls: {
- exclude: ['css', 'className'],
- },
},
} as Meta;
-export const Variants: Story = ({ children, ...args }) => {
+export const Variants: Story = () => {
const sizes: ComponentSize[] = ['lg', 'md', 'sm'];
return (