Codemods

TabContentGroup Transform

TabContentGroup is deprecated.

Automatic Changes

• Removes all props from TabContentGroup and transforms to a div element.

For example:

1import { TabContentGroup } from '@americanexpress/dls-react6';
2
3export default function Page() {
4  return (
5    <TabContentGroup theme={{ color: 'red' }} {...otherProps}>
6      {/** Children */}
7    </TabContentGroup>
8  );
9}

Transforms into:

1import { TabContentGroup } from '@americanexpress/dls-react';
2
3export default function Page() {
4  return <div {...otherProps}>{/** Children */}</div>;
5}

Manual Changes

Update Tab Styles

Since the TabContentGroup component is deprecated, the styles applied to the TabContentGroup and its children, typically TabContent, will most likely need to be updated.