Merge pull request #2029 from dxc-technology/Mil4n0r/fix_doc_typos

Added missing information in documentation

Author: GomezIvann

website/screens/components/breadcrumbs/code/BreadcrumbsCodePage.tsx

@@ -11,6 +11,7 @@ import {
 import TableCode, { ExtendedTableCode } from "@/common/TableCode";
 import basicUsage from "./examples/basicUsage";
 import nextJS from "./examples/nextJS";
+import StatusBadge from "@/common/StatusBadge";
 
 const itemTypeString = `{
   href?: string;
@@ -45,7 +46,12 @@ const sections = [
             </td>
           </tr>
           <tr>
-            <td>items</td>
+            <td>
+              <DxcFlex direction="column" gap="0.25rem" alignItems="baseline">
+                <StatusBadge status="required" />
+                items
+              </DxcFlex>
+            </td>
             <td>
               <TableCode>Item[]</TableCode>
               <p>

website/screens/components/bulleted-list/code/BulletedListCodePage.tsx

@@ -12,6 +12,7 @@ import {
 import basicUsage from "./examples/basicUsage";
 import nestedList from "./examples/nestedList";
 import TableCode from "@/common/TableCode";
+import StatusBadge from "@/common/StatusBadge";
 
 const sections = [
   {
@@ -84,7 +85,16 @@ const sections = [
             </thead>
             <tbody>
               <tr>
-                <td>children</td>
+                <td>
+                  <DxcFlex
+                    direction="column"
+                    gap="0.25rem"
+                    alignItems="baseline"
+                  >
+                    <StatusBadge status="required" />
+                    children
+                  </DxcFlex>
+                </td>
                 <td>
                   <TableCode>React.ReactNode</TableCode>
                 </td>

website/screens/components/contextual-menu/code/ContextualMenuCodePage.tsx

@@ -7,6 +7,7 @@ import Example from "@/common/example/Example";
 import { DxcFlex, DxcTable } from "@dxc-technology/halstack-react";
 import actionMenu from "./examples/actionMenu";
 import navigationMenu from "./examples/navigationMenu";
+import StatusBadge from "@/common/StatusBadge";
 
 const itemTypeString = `{
     badge?: React.ReactElement;
@@ -40,7 +41,12 @@ const sections = [
           <th>Default</th>
         </tr>
         <tr>
-          <td>items</td>
+          <td>
+            <DxcFlex direction="column" gap="0.25rem" alignItems="baseline">
+              <StatusBadge status="required" />
+              items
+            </DxcFlex>
+          </td>
           <td>
             <TableCode style={{ fontSize: "0.875rem" }}>
               (Item | GroupItem)[] | Section[]

website/screens/components/flex/code/FlexCodePage.tsx

@@ -46,7 +46,7 @@ const sections = [
           <td>
             <TableCode>
               'flex-start' | 'flex-end' | 'start' | 'end' | 'left' | 'right' |
-              'center' | 'space-between' | 'space-around' | 'space-evenly
+              'center' | 'space-between' | 'space-around' | 'space-evenly'
             </TableCode>
           </td>
           <td>

website/screens/components/paragraph/code/ParagraphCodePage.tsx

@@ -6,6 +6,7 @@ import { DxcFlex, DxcTable } from "@dxc-technology/halstack-react";
 import basicUsage from "./examples/basicUsage";
 import multipleParagraphs from "./examples/multipleParagraphs";
 import TableCode from "@/common/TableCode";
+import StatusBadge from "@/common/StatusBadge";
 
 const sections = [
   {
@@ -19,7 +20,12 @@ const sections = [
           <th>Default</th>
         </tr>
         <tr>
-          <td>children</td>
+          <td>
+            <DxcFlex direction="column" gap="0.25rem" alignItems="baseline">
+              <StatusBadge status="required" />
+              children
+            </DxcFlex>
+          </td>
           <td>
             <TableCode>React.ReactNode</TableCode>
           </td>

website/screens/components/quick-nav/code/QuickNavCodePage.tsx

@@ -6,6 +6,7 @@ import Example from "@/common/example/Example";
 import quickNav from "./examples/quickNav";
 import withContent from "./examples/withContent";
 import TableCode from "@/common/TableCode";
+import StatusBadge from "@/common/StatusBadge";
 
 const sections = [
   {
@@ -30,7 +31,12 @@ const sections = [
             <td>-</td>
           </tr>
           <tr>
-            <td>links</td>
+            <td>
+              <DxcFlex direction="column" gap="0.25rem" alignItems="baseline">
+                <StatusBadge status="required" />
+                links
+              </DxcFlex>
+            </td>
             <td>
               <TableCode>{"{ label: string; links?: Link[]; }[]"}</TableCode>
             </td>

website/screens/components/status-light/code/StatusLightCodePage.tsx

@@ -5,6 +5,7 @@ import DocFooter from "@/common/DocFooter";
 import TableCode from "@/common/TableCode";
 import Example from "@/common/example/Example";
 import basicUsage from "./examples/basicUsage";
+import StatusBadge from "@/common/StatusBadge";
 
 const sections = [
   {
@@ -36,7 +37,12 @@ const sections = [
             </td>
           </tr>
           <tr>
-            <td>label</td>
+            <td>
+              <DxcFlex direction="column" gap="0.25rem" alignItems="baseline">
+                <StatusBadge status="required" />
+                label
+              </DxcFlex>
+            </td>
             <td>
               <TableCode>string</TableCode>
             </td>