From b68b5bd976d490343ad7cf2a297b94a50fb1c0bb Mon Sep 17 00:00:00 2001 From: Anders Date: Mon, 8 May 2023 13:24:44 +0200 Subject: [PATCH] docs(v10): adds info about removal of closeButtonAttributes (#2296) --- .../releases/eufemia/v10-info.mdx | 36 ++++++++++--------- 1 file changed, 19 insertions(+), 17 deletions(-) diff --git a/packages/dnb-design-system-portal/src/docs/uilib/about-the-lib/releases/eufemia/v10-info.mdx b/packages/dnb-design-system-portal/src/docs/uilib/about-the-lib/releases/eufemia/v10-info.mdx index 42fdb8923bb..8b060d815e1 100644 --- a/packages/dnb-design-system-portal/src/docs/uilib/about-the-lib/releases/eufemia/v10-info.mdx +++ b/packages/dnb-design-system-portal/src/docs/uilib/about-the-lib/releases/eufemia/v10-info.mdx @@ -265,32 +265,34 @@ The Anchor was moved form `/elements` to `/components`. ### [Modal](/uilib/components/modal), [Dialog](/uilib/components/dialog) and [Drawer](/uilib/components/drawer) -Modal's `mode` property is now deprecated and removed. -`` now behaves as `` did previously. +1.`closeButtonAttributes` of Modal, Dialog, and Drawer is deprecated and no longer supported. -When you convert from `` simply change to ``. +2. Modal's `mode` property is now deprecated and removed. + `` now behaves as `` did previously. -When you convert from `` to `` – follow these steps: + When you convert from `` simply change to ``. -1. All `trigger_*` props are not supported for Drawer, use `triggerAttributes` instead to pass in props for the trigger button. + When you convert from `` to `` – follow these steps: - - Change prop `trigger_hidden` to `omitTriggerButton` to omit the default trigger button from Modal. + 1. All `trigger_*` props are not supported for Drawer, use `triggerAttributes` instead to pass in props for the trigger button. -2. Only camelCase props are supported for Drawer, so you will need to update the prop names. -3. `Modal.Inner` or `Modal.Content` converts to `Drawer.Body`. -4. `Modal.Bar` converts to `Drawer.Navigaton`. -5. `Modal` was a class component and `Drawer` is a functional component. + - Change prop `trigger_hidden` to `omitTriggerButton` to omit the default trigger button from Modal. -When you convert from `` or `` to `` – follow these steps: + 2. Only camelCase props are supported for Drawer, so you will need to update the prop names. + 3. `Modal.Inner` or `Modal.Content` converts to `Drawer.Body`. + 4. `Modal.Bar` converts to `Drawer.Navigaton`. + 5. `Modal` was a class component and `Drawer` is a functional component. -1. All `trigger_*` props are not supported for Dialog, use `triggerAttributes` instead to pass in props for the trigger button. + When you convert from `` or `` to `` – follow these steps: - - Change prop `trigger_hidden` to `omitTriggerButton` to omit the default trigger button from Modal. + 1. All `trigger_*` props are not supported for Dialog, use `triggerAttributes` instead to pass in props for the trigger button. -2. Only camelCase props are supported for Dialog, so you will need to update the prop names. -3. `Modal.Inner` or `Modal.Content` converts to `Dialog.Body`. -4. `Modal.Bar` converts to `Dialog.Navigaton`. -5. `Modal` was a class component and `Dialog` is a functional component. + - Change prop `trigger_hidden` to `omitTriggerButton` to omit the default trigger button from Modal. + + 2. Only camelCase props are supported for Dialog, so you will need to update the prop names. + 3. `Modal.Inner` or `Modal.Content` converts to `Dialog.Body`. + 4. `Modal.Bar` converts to `Dialog.Navigaton`. + 5. `Modal` was a class component and `Dialog` is a functional component. ### [Lists](/uilib/elements/lists)