diff --git a/packages/dnb-design-system-portal/src/docs/uilib/about-the-lib/releases/eufemia/v10-info.md b/packages/dnb-design-system-portal/src/docs/uilib/about-the-lib/releases/eufemia/v10-info.md index bbaaea779df..695ebff026b 100644 --- a/packages/dnb-design-system-portal/src/docs/uilib/about-the-lib/releases/eufemia/v10-info.md +++ b/packages/dnb-design-system-portal/src/docs/uilib/about-the-lib/releases/eufemia/v10-info.md @@ -78,6 +78,26 @@ v10 of @dnb/eufemia contains _breaking changes_. As a migration process, you can 1. Find the `data-test-id` property and replace it with `data-testid`. The usage of `data-test-id` will most likely be found in your tests. +### [Modal](/uilib/components/modal), [Dialog](/uilib/components/dialog) and [Drawer](/uilib/components/drawer) + +When you convert from `` to `` – follow these steps: + +- All `trigger_*` props are not supported for Drawer, use `triggerAttributes` instead to pass in props for the trigger button. + - Change prop `trigger_hidden` to `omitTriggerButton` to omit the default trigger button from Modal. +- Only camelCase props are supported for Drawer, so you will need to update the prop names. +- `Modal.Inner` or `Modal.Content` converts to `Drawer.Body`. +- `Modal.Bar` converts to `Drawer.Navigaton`. +- `Modal` was a class component and `Drawer` is a functional component. + +When you convert from `` to `` – follow these steps: + +- All `trigger_*` props are not supported for Dialog, use `triggerAttributes` instead to pass in props for the trigger button. + - Change prop `trigger_hidden` to `omitTriggerButton` to omit the default trigger button from Modal. +- Only camelCase props are supported for Dialog, so you will need to update the prop names. +- `Modal.Content` converts to `Dialog.Body`. +- `Modal.Bar` converts to `Dialog.Navigaton`. +- `Modal` was a class component and `Dialog` is a functional component. + ### [Lists](/uilib/elements/lists) 1. New **Definition List** layout direction: `direction="horizontal"` including `Dl.Item` [demo](https://eufemia.dnb.no/uilib/elements/lists/#definition-list-in-horizontal-direction). diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/info.md b/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/info.md index 62ba9cd4cfe..31562724406 100644 --- a/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/info.md +++ b/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/info.md @@ -32,14 +32,3 @@ To provide custom content to parts of the Dialog, a set of component parts are p ### More detailed information For more details regarding the component functionality, check out the [Modal documentation](/uilib/components/modal). - -#### Converting from Modal - -If you are converting from `` to ``, there are a few differences you need to take into consideration: - -- All `trigger_*` props are not supported for Dialog, use `triggerAttributes` instead to pass in props for the trigger button. - - Change prop `trigger_hidden` to `omitTriggerButton` to omit the default trigger button from Modal. -- Only camelCase props are supported for Dialog, so you will need to update the prop names. -- `Modal.Inner`/`Modal.Content` converts to `Dialog.Body`. -- `Modal.Bar` converts to `Dialog.Navigaton`. -- `Modal` was a class component and `Dialog` is a functional component. diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/drawer/info.md b/packages/dnb-design-system-portal/src/docs/uilib/components/drawer/info.md index f7ca1a6e1d3..d6eec9a1c40 100644 --- a/packages/dnb-design-system-portal/src/docs/uilib/components/drawer/info.md +++ b/packages/dnb-design-system-portal/src/docs/uilib/components/drawer/info.md @@ -17,14 +17,3 @@ To provide custom content to parts of the Drawer, a set of component parts are p ### More detailed information For more details regarding the component functionality, check out the [Modal documentation](/uilib/components/modal). - -#### Converting from Modal mode drawer - -If you are converting from `` to ``, there are a few differences you need to take into consideration: - -- All `trigger_*` props are not supported for Drawer, use `triggerAttributes` instead to pass in props for the trigger button. - - Change prop `trigger_hidden` to `omitTriggerButton` to omit the default trigger button from Modal. -- Only camelCase props are supported for Drawer, so you will need to update the prop names. -- `Modal.Inner`/`Modal.Content` converts to `Drawer.Body`. -- `Modal.Bar` converts to `Drawer.Navigaton`. -- `Modal` was a class component and `Drawer` is a functional component.