fix(storybook): tag name all files

deven-org · Jan 16, 2024 · a647f18 · a647f18
1 parent 37a40ef
commit a647f18
Show file tree

Hide file tree

Showing 9 changed files with 19 additions and 19 deletions.
diff --git a/packages/ui-library/src/components/actions/buttons/icon-button/index.stories.ts b/packages/ui-library/src/components/actions/buttons/icon-button/index.stories.ts
@@ -171,7 +171,7 @@ export default {
     viewMode: 'docs',
     docs: {
       description: {
-        component: `<Markdown>
+        component: `<markdown>
 An icon component typically displays a small, visually recognizable graphic or symbol that represents a particular function, object, or concept.
 
 **NOTE**<br>
@@ -184,7 +184,7 @@ The Icon Button component can not be used as a link out of the box and we genera
 - [**Dependencies**](#dependencies)
  - [**Icon**](#icon) 
  - [**Loader**](#loader)  
-        </Markdown>`,
+        </markdown>`,
       },
     },
   },

diff --git a/packages/ui-library/src/components/actions/buttons/text-button/index.stories.ts b/packages/ui-library/src/components/actions/buttons/text-button/index.stories.ts
@@ -193,7 +193,7 @@ export default {
     viewMode: 'docs',
     docs: {
       description: {
-        component: `<Markdown>
+        component: `<markdown>
 Text Button represents a clickable button that typically displays text rather than icons or symbols. The main feature of a Text Button is the text label, which communicates the button's action or function to the user.
  
  **NOTE**<br>
@@ -207,7 +207,7 @@ Text Button represents a clickable button that typically displays text rather th
 - [**Dependencies**](#dependencies)
  - [**Icon**](#icon)
  - [**Loader**](#loader)
-</Markdown>`,
+</markdown>`,
       },
     },
   },

diff --git a/packages/ui-library/src/components/feedback/loader/index.stories.ts b/packages/ui-library/src/components/feedback/loader/index.stories.ts
@@ -69,12 +69,12 @@ export default {
     layout: 'centered',
     docs: {
       description: {
-        component: `<Markdown>
+        component: `<markdown>
 Loader’s primary purpose is to provide feedback to the user that the application has not frozen or become unresponsive but is actively processing data or performing an action.
 - [**Appearance**](#appearance)
  - [**Variant**](#variant) 
  - [**Size Variant**](#size-variant) 
-</Markdown>`,
+</markdown>`,
       },
     },
   },

diff --git a/packages/ui-library/src/components/forms/checkbox/index.stories.ts b/packages/ui-library/src/components/forms/checkbox/index.stories.ts
@@ -220,8 +220,8 @@ export default {
       //Second Example
       // source: { code: '<blr-textarea label="Text Area LG" size="lg"></blr-textarea>',},
       description: {
-        component: `<Markdown>
-Checkbox represents two states: checked (selected) or unchecked (deselected), it  is usually accompanied by text labels that describe the option or action associated with the Checkbox.        
+        component: `<markdown>
+Checkbox represents two states: checked (selected) or unchecked (deselected), it  is usually accompanied by text labels thatdescribe the option or action associated with the Checkbox.        
 - [**Appearance**](#appearance)
  - [**Size Variant**](#size-variant) 
 - [**Content / Settings**](#content--settings)
@@ -235,7 +235,7 @@ Checkbox represents two states: checked (selected) or unchecked (deselected), it
 - [**Dependencies**](#dependencies)
  - [**Form-Label**](#form-label) 
  - [**Form Caption Group**](#form-caption-group)     
-</Markdown>
+</markdown>
         `,
       },
     },

diff --git a/packages/ui-library/src/components/forms/number-input/index.stories.ts b/packages/ui-library/src/components/forms/number-input/index.stories.ts
@@ -362,7 +362,7 @@ export default {
     layout: 'centered',
     docs: {
       description: {
-        component: `<Markdown>
+        component: `<markdown>
       Number Input allows users to enter enter numbers into a designated area. Users can interact with the Number Input component by clicking or tapping on it, which activates it for text entry. It often displays a blinking cursor to indicate the current number insertion point.
       - [**Appearance**](#appearance)
         - [**Size Variant**](#size-variant)
@@ -380,7 +380,7 @@ export default {
         - [**Icon Button**](#icon-button)
         - [**Form Label**](#form-label)
         - [**Form Caption Group**](#form-caption-group)
-    </Markdown>`,
+    </markdown>`,
       },
     },
   },

diff --git a/packages/ui-library/src/components/forms/radio/radio-input/index.stories.ts b/packages/ui-library/src/components/forms/radio/radio-input/index.stories.ts
@@ -197,7 +197,7 @@ export default {
     layout: 'centered',
     docs: {
       description: {
-        component: `<Markdown>
+        component: `<markdown>
         A radio component allows users to select a single option from a list of mutually exclusive choices.
       
         - [**Appearance**](#appearance)
@@ -212,7 +212,7 @@ export default {
           - [**Has Error**](#has-error)
         - [**Dependencies**](#dependencies)
           - [**Form Caption Group**](#form-caption-group)
-      </Markdown>
+      </markdown>
       `,
       },
     },

diff --git a/packages/ui-library/src/components/forms/select/index.stories.ts b/packages/ui-library/src/components/forms/select/index.stories.ts
@@ -235,7 +235,7 @@ export default {
     viewMode: 'docs',
     docs: {
       description: {
-        component: `<Markdown>
+        component: `<markdown>
 Select presents users with a list of options from which they can make a single selection. It contains a list of selectable options. These options can be text-based, such as names, items, or categories.
 <br>
 - [**Appearance**](#appearance)
@@ -249,7 +249,7 @@ Select presents users with a list of options from which they can make a single s
  - [**Form Label**](#form-label)
  - [**Icon**](#icon)
  - [**Form Caption Group**](#form-caption-group)
-</Markdown>`,
+</markdown>`,
       },
     },
   },

diff --git a/packages/ui-library/src/components/forms/text-input/index.stories.ts b/packages/ui-library/src/components/forms/text-input/index.stories.ts
@@ -296,7 +296,7 @@ export default {
     },
     docs: {
       description: {
-        component: `<Markdown>
+        component: `<markdown>
 Text Input allows users to enter textual information or data into a designated area. Users can interact with the Text Input component by clicking or tapping on it, which activates it for text entry. It often displays a blinking cursor to indicate the current text insertion point.
 - [**Appearance**](#appearance)
  - [**Size Variant**](#size-variant) 
@@ -313,7 +313,7 @@ Text Input allows users to enter textual information or data into a designated a
  - [**Form Label**](#form-label) 
  - [**Icon**](#icon) 
  - [**Form Caption Group**](#form-caption-group)     
-</Markdown>
+</markdown>
         `,
       },
     },

diff --git a/packages/ui-library/src/components/forms/textarea/index.stories.ts b/packages/ui-library/src/components/forms/textarea/index.stories.ts
@@ -386,7 +386,7 @@ export default {
       //Second Example
       // source: { code: '<blr-textarea label="Text Area LG" size="lg"></blr-textarea>',},
       description: {
-        component: `<Markdown>
+        component: `<markdown>
 Text Area allows users to input and edit multiline text. Unlike a simple Text Input component that is typically used for single-line text, a Text Area provides a larger space for users to enter and manipulate multiple lines of text.
                 Text Area components are used in various contexts where users need to input or edit longer pieces of text, such as comment boxes, message composition in messaging apps, notes, and description fields in forms.
 - [**Appearance**](#appearance)
@@ -404,7 +404,7 @@ Text Area allows users to input and edit multiline text. Unlike a simple Text In
  - [**Form Label**](#form-label) 
  - [**Form Caption Group**](#form-caption-group)     
  - [**Counter**](#counter)     
-</Markdown>
+</markdown>
         `,
       },
     },