Skip to content

Commit

Permalink
docs(v10): adds info about removal of closeButtonAttributes (#2296)
Browse files Browse the repository at this point in the history
  • Loading branch information
langz authored and tujoworker committed May 31, 2023
1 parent c938f4d commit b68b5bd
Showing 1 changed file with 19 additions and 17 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -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.
`<Modal />` now behaves as `<Modal mode="custom" />` did previously.
1.`closeButtonAttributes` of Modal, Dialog, and Drawer is deprecated and no longer supported.

When you convert from `<Modal mode="custom" />` simply change to `<Modal />`.
2. Modal's `mode` property is now deprecated and removed.
`<Modal />` now behaves as `<Modal mode="custom" />` did previously.

When you convert from `<Modal mode="drawer" />` to `<Drawer />` – follow these steps:
When you convert from `<Modal mode="custom" />` simply change to `<Modal />`.

1. All `trigger_*` props are not supported for Drawer, use `triggerAttributes` instead to pass in props for the trigger button.
When you convert from `<Modal mode="drawer" />` to `<Drawer />` – 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 `<Modal />` or `<Modal mode="dialog" />` to `<Dialog />` – 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 `<Modal />` or `<Modal mode="dialog" />` to `<Dialog />` – 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)

Expand Down

0 comments on commit b68b5bd

Please sign in to comment.