documentation fixes

dnbexperience · Nov 14, 2024 · 06d9686 · 06d9686
1 parent b2c5db8
commit 06d9686
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 24 deletions.
diff --git a/...design-system-portal/src/docs/uilib/about-the-lib/releases/eufemia/v11-info.mdx b/...design-system-portal/src/docs/uilib/about-the-lib/releases/eufemia/v11-info.mdx
@@ -201,7 +201,7 @@ const errorMessages = {
 
 ## DrawerList
 
-- replace type `DrawerListDataObjectUnion` with `DrawerListDataArrayItem`
-- replace type `DrawerListDataObject` with `DrawerListDataArrayObject`;
+- replace type `DrawerListDataObjectUnion` with `DrawerListDataArrayItem`.
+- replace type `DrawerListDataObject` with `DrawerListDataArrayObject`.
 
 _February, 6. 2024_
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/dropdown/demos.mdx b/packages/dnb-design-system-portal/src/docs/uilib/components/dropdown/demos.mdx
@@ -88,7 +88,7 @@ With long list to make it scrollable and searchable
 
 <DropdownDisabled />
 
-Individual options can also be disabled
+Individual options can also be disabled.
 
 <DropdownDisabledOptions />
 

diff --git a/...gn-system-portal/src/docs/uilib/components/fragments/drawer-list/_prop-data.mdx b/...gn-system-portal/src/docs/uilib/components/fragments/drawer-list/_prop-data.mdx
@@ -1,9 +1,9 @@
 import PropertiesTable from 'dnb-design-system-portal/src/shared/parts/PropertiesTable'
 import { DrawerListItem } from '@dnb/eufemia/src/fragments/drawer-list/DrawerListDocs'
 
-## Prop `data`
+## The `data` property
 
-The `data` can be structured in two main ways: as an object, or as an array. An array is preferred as it gives you the most options.
+The `data` can be structured in two main ways: as an array, or as an object. An array is preferred as it gives you the most options.
 
 ### `data` as an array
 
@@ -72,7 +72,7 @@ const data = {
 }
 
 const onChange = ({ data, value }) => {
-  console.log(data) // returns an object representing the item:
+  console.log(data) // returns a generated object representing the item:
   // {
   //   selectedKey: 'first',
   //   value: 'first',

diff --git a/...b-design-system-portal/src/docs/uilib/extensions/forms/base-fields/Selection/Examples.tsx b/...b-design-system-portal/src/docs/uilib/extensions/forms/base-fields/Selection/Examples.tsx
@@ -154,12 +154,10 @@ export const DropdownDisabledOptions = () => (
     {() => {
       const Example = () => {
         return (
-          <>
-            <Field.Selection label="Label text">
-              <Field.Option value="foo" title="Foo!" disabled />
-              <Field.Option value="bar" title="Baar!" />
-            </Field.Selection>
-          </>
+          <Field.Selection label="Label text">
+            <Field.Option value="foo" title="Foo!" disabled />
+            <Field.Option value="bar" title="Baar!" />
+          </Field.Selection>
         )
       }
 
@@ -453,12 +451,10 @@ export const RadioDisabledOptions = () => (
     {() => {
       const Example = () => {
         return (
-          <>
-            <Field.Selection label="Label text" variant="radio">
-              <Field.Option value="foo" title="Foo!" disabled />
-              <Field.Option value="bar" title="Baar!" />
-            </Field.Selection>
-          </>
+          <Field.Selection label="Label text" variant="radio">
+            <Field.Option value="foo" title="Foo!" disabled />
+            <Field.Option value="bar" title="Baar!" />
+          </Field.Selection>
         )
       }
 
@@ -651,12 +647,10 @@ export const ButtonDisabledOptions = () => (
     {() => {
       const Example = () => {
         return (
-          <>
-            <Field.Selection label="Label text" variant="button">
-              <Field.Option value="foo" title="Foo!" disabled />
-              <Field.Option value="bar" title="Baar!" />
-            </Field.Selection>
-          </>
+          <Field.Selection label="Label text" variant="button">
+            <Field.Option value="foo" title="Foo!" disabled />
+            <Field.Option value="bar" title="Baar!" />
+          </Field.Selection>
         )
       }