Codemods

BreadcrumbTrail Transform

Converts a v6 BreadcrumbTrail component to a v7 BreadcrumbTrail component.

Automatic Changes

• Renames the label to labelOverrides.navScreenReaderLabel.
• Attempts to transform the deprecated theme prop to the className prop. If it cannot, deletes the theme prop.

For example:

1import { BreadcrumbTrail } from '@americanexpress/dls-react6';
2
3export default function Page() {
4  return (
5    <BreadcrumbTrail
6      label="Breadcrumb Label"
7      theme={{ color: 'red' }}
8      {...otherProps}
9    >
10      {/** Children */}
11    </BreadcrumbTrail>
12  );
13}

Transforms into:

1import { BreadcrumbTrail } from '@americanexpress/dls-react';
2
3export default function Page() {
4  return (
5    <BreadcrumbTrail
6      {...otherProps}
7      labelOverrides={{
8        navScreenReaderLabel: 'Breadcrumb Label',
9      }}
10    >
11      {/** Children */}
12    </BreadcrumbTrail>
13  );
14}