diff --git a/packages/grafana-ui/src/components/DataSourceSettings/CustomHeaderSettings.story.tsx b/packages/grafana-ui/src/components/DataSourceSettings/CustomHeaderSettings.story.tsx
index f9035ffedc7..3e78d19e05b 100644
--- a/packages/grafana-ui/src/components/DataSourceSettings/CustomHeaderSettings.story.tsx
+++ b/packages/grafana-ui/src/components/DataSourceSettings/CustomHeaderSettings.story.tsx
@@ -4,7 +4,7 @@ import { CustomHeadersSettings } from './CustomHeadersSettings';
import { DataSourceSettings } from '@grafana/data';
export default {
- title: 'UI/DataSource/CustomHeadersSettings',
+ title: 'Panel/DataSource/CustomHeadersSettings',
component: CustomHeadersSettings,
decorators: [withCenteredStory, withHorizontallyCenteredStory],
};
diff --git a/packages/grafana-ui/src/components/Forms/Form.story.tsx b/packages/grafana-ui/src/components/Forms/Form.story.tsx
index 9256108a5ca..669d1ed4e36 100644
--- a/packages/grafana-ui/src/components/Forms/Form.story.tsx
+++ b/packages/grafana-ui/src/components/Forms/Form.story.tsx
@@ -19,7 +19,7 @@ import { boolean } from '@storybook/addon-knobs';
import { TextArea } from './TextArea/TextArea';
export default {
- title: 'Forms/Test forms',
+ title: 'Forms/Example forms',
decorators: [withStoryContainer, withCenteredStory],
parameters: {
docs: {
diff --git a/packages/grafana-ui/src/components/Forms/Label.story.tsx b/packages/grafana-ui/src/components/Forms/Label.story.tsx
deleted file mode 100644
index 4fa7a321e13..00000000000
--- a/packages/grafana-ui/src/components/Forms/Label.story.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import React from 'react';
-
-import { text } from '@storybook/addon-knobs';
-
-import { Label } from './Label';
-
-const getKnobs = () => {
- return {
- label: text('text', 'Form element label'),
- description: text('description', 'Description of the form field'),
- };
-};
-
-export default {
- title: 'Forms',
- component: Label,
-};
-
-export const simple = () => {
- const { label, description } = getKnobs();
-
- return ;
-};
diff --git a/packages/grafana-ui/src/components/Forms/RadioButtonGroup/RadioButton.story.tsx b/packages/grafana-ui/src/components/Forms/RadioButtonGroup/RadioButton.story.tsx
deleted file mode 100644
index 303a8557d78..00000000000
--- a/packages/grafana-ui/src/components/Forms/RadioButtonGroup/RadioButton.story.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import React, { useState } from 'react';
-import { RadioButton, RadioButtonSize } from './RadioButton';
-import { boolean, select } from '@storybook/addon-knobs';
-
-export default {
- title: 'Forms/RadioButton',
- component: RadioButton,
-};
-
-const sizes: RadioButtonSize[] = ['sm', 'md'];
-
-export const simple = () => {
- const [active, setActive] = useState();
- const BEHAVIOUR_GROUP = 'Behaviour props';
- const disabled = boolean('Disabled', false, BEHAVIOUR_GROUP);
- const VISUAL_GROUP = 'Visual options';
- const size = select('Size', sizes, 'md', VISUAL_GROUP);
-
- return (
- {
- setActive(!active);
- }}
- >
- Radio button
-
- );
-};
diff --git a/packages/grafana-ui/src/components/Tabs/Tabs.story.tsx b/packages/grafana-ui/src/components/Tabs/Tabs.story.tsx
index 46fb3cc619b..c6bc38c5b1c 100644
--- a/packages/grafana-ui/src/components/Tabs/Tabs.story.tsx
+++ b/packages/grafana-ui/src/components/Tabs/Tabs.story.tsx
@@ -6,7 +6,7 @@ import { Tab } from './Tab';
import { TabContent } from './TabContent';
export default {
- title: 'General/Tabs/TabsExample',
+ title: 'General/Tabs',
decorators: [withCenteredStory],
};
diff --git a/packages/grafana-ui/src/components/Tabs/TabsBar.story.tsx b/packages/grafana-ui/src/components/Tabs/TabsBar.story.tsx
deleted file mode 100644
index 76a47b31cdc..00000000000
--- a/packages/grafana-ui/src/components/Tabs/TabsBar.story.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import React from 'react';
-import { select } from '@storybook/addon-knobs';
-import { TabsBar } from './TabsBar';
-import { Tab } from './Tab';
-import { UseState } from '../../utils/storybook/UseState';
-import { withCenteredStory } from '../../utils/storybook/withCenteredStory';
-import mdx from './TabsBar.mdx';
-
-export default {
- title: 'General/Tabs/TabsBar',
- component: TabsBar,
- decorators: [withCenteredStory],
- parameters: {
- docs: {
- page: mdx,
- },
- },
-};
-
-const tabs = [
- { label: '1st child', key: 'first', active: true },
- { label: '2nd child', key: 'second', active: false },
- { label: '3rd child', key: 'third', active: false },
-];
-
-export const Simple = () => {
- const VISUAL_GROUP = 'Visual options';
- // ---
- const icon = select(
- 'Icon',
- { None: undefined, Heart: 'fa fa-heart', Star: 'fa fa-star', User: 'fa fa-user' },
- undefined,
- VISUAL_GROUP
- );
- return (
-
- {(state, updateState) => {
- return (
-
- {state.map((tab, index) => {
- return (
- updateState(state.map((tab, idx) => ({ ...tab, active: idx === index })))}
- />
- );
- })}
-
- );
- }}
-
- );
-};