chore: adds toolbarVariant minimumOneItem demos

dnbexperience · Sep 12, 2024 · a81d62d · a81d62d
1 parent 75b53bb
commit a81d62d
Show file tree

Hide file tree

Showing 5 changed files with 64 additions and 2 deletions.
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Iterate/Array/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Iterate/Array/Examples.tsx
@@ -409,3 +409,33 @@ export const InitialOpen = () => {
     </ComponentBox>
   )
 }
+
+export const ToolbarVariantMiniumOneItemOneItem = () => {
+  return (
+    <ComponentBox hideCode>
+      <Iterate.Array value={['foo']}>
+        <Iterate.ViewContainer toolbarVariant="minimumOneItem">
+          View Content
+        </Iterate.ViewContainer>
+        <Iterate.EditContainer toolbarVariant="minimumOneItem">
+          Edit Content
+        </Iterate.EditContainer>
+      </Iterate.Array>
+    </ComponentBox>
+  )
+}
+
+export const ToolbarVariantMiniumOneItemTwoItems = () => {
+  return (
+    <ComponentBox hideCode>
+      <Iterate.Array value={['foo', 'bar']}>
+        <Iterate.ViewContainer toolbarVariant="minimumOneItem">
+          View Content
+        </Iterate.ViewContainer>
+        <Iterate.EditContainer toolbarVariant="minimumOneItem">
+          Edit Content
+        </Iterate.EditContainer>
+      </Iterate.Array>
+    </ComponentBox>
+  )
+}
diff --git a/...b-design-system-portal/src/docs/uilib/extensions/forms/Iterate/EditContainer/Examples.tsx b/...b-design-system-portal/src/docs/uilib/extensions/forms/Iterate/EditContainer/Examples.tsx
@@ -1 +1,5 @@
-export { ViewAndEditContainer } from '../Array/Examples'
+export {
+  ViewAndEditContainer,
+  ToolbarVariantMiniumOneItemOneItem,
+  ToolbarVariantMiniumOneItemTwoItems,
+} from '../Array/Examples'
diff --git a/...n-system-portal/src/docs/uilib/extensions/forms/Iterate/EditContainer/demos.mdx b/...n-system-portal/src/docs/uilib/extensions/forms/Iterate/EditContainer/demos.mdx
@@ -8,3 +8,15 @@ import * as Examples from './Examples'
 ## Demos
 
 <Examples.ViewAndEditContainer />
+
+### Toolbar variant
+
+#### Minimum one item
+
+When having one item in the Iterate.Array:
+
+<Examples.ToolbarVariantMiniumOneItemOneItem />
+
+When having two items in the Iterate.Array:
+
+<Examples.ToolbarVariantMiniumOneItemTwoItems />
diff --git a/...b-design-system-portal/src/docs/uilib/extensions/forms/Iterate/ViewContainer/Examples.tsx b/...b-design-system-portal/src/docs/uilib/extensions/forms/Iterate/ViewContainer/Examples.tsx
@@ -1 +1,5 @@
-export { ViewAndEditContainer } from '../Array/Examples'
+export {
+  ViewAndEditContainer,
+  ToolbarVariantMiniumOneItemOneItem,
+  ToolbarVariantMiniumOneItemTwoItems,
+} from '../Array/Examples'
diff --git a/...n-system-portal/src/docs/uilib/extensions/forms/Iterate/ViewContainer/demos.mdx b/...n-system-portal/src/docs/uilib/extensions/forms/Iterate/ViewContainer/demos.mdx
@@ -8,3 +8,15 @@ import * as Examples from './Examples'
 ## Demos
 
 <Examples.ViewAndEditContainer />
+
+### Toolbar variant
+
+#### Minimum one item
+
+When having one item in the Iterate.Array:
+
+<Examples.ToolbarVariantMiniumOneItemOneItem />
+
+When having two items in the Iterate.Array:
+
+<Examples.ToolbarVariantMiniumOneItemTwoItems />