From 822d24c123cd8da9b09f55c5b4b5879e1017528f Mon Sep 17 00:00:00 2001
From: Gustavo Santos <53129852+gefgu@users.noreply.github.com>
Date: Thu, 1 Sep 2022 07:03:50 -0300
Subject: [PATCH] Chore: Add controls to Label stories (#54549)

* Add controls for Label's Simple story

* Add controls for Label's Categorised story
---
 .../src/components/Forms/Label.story.tsx      | 31 ++++++++++++++-----
 1 file changed, 23 insertions(+), 8 deletions(-)

diff --git a/packages/grafana-ui/src/components/Forms/Label.story.tsx b/packages/grafana-ui/src/components/Forms/Label.story.tsx
index 0dbfcc0cc09..dc664550ce6 100644
--- a/packages/grafana-ui/src/components/Forms/Label.story.tsx
+++ b/packages/grafana-ui/src/components/Forms/Label.story.tsx
@@ -7,6 +7,10 @@ import mdx from './Label.mdx';
 const meta: ComponentMeta<typeof Label> = {
   title: 'Forms/Label',
   component: Label,
+  argTypes: {
+    children: { control: { type: 'text' } },
+    description: { control: { type: 'text' } },
+  },
   parameters: {
     docs: {
       page: mdx,
@@ -14,16 +18,27 @@ const meta: ComponentMeta<typeof Label> = {
   },
 };
 
-export const simple: ComponentStory<typeof Label> = () => {
-  return <Label description="Option description">Option name</Label>;
+export const simple: ComponentStory<typeof Label> = (args) => {
+  return <Label {...args} />;
 };
 
-export const categorised: ComponentStory<typeof Label> = () => {
-  return (
-    <Label category={['Category', 'Nested category']} description="Option description">
-      Option name
-    </Label>
-  );
+simple.parameters = {
+  controls: { exclude: ['category'] },
+};
+
+simple.args = {
+  children: 'Option name',
+  description: 'Option description',
+};
+
+export const categorised: ComponentStory<typeof Label> = (args) => {
+  return <Label {...args} />;
+};
+
+categorised.args = {
+  children: 'Option name',
+  description: 'Option description',
+  category: ['Category', 'Nested category'],
 };
 
 export default meta;