diff --git a/documentation/guides/migrating-from-v11-to-v12.md b/documentation/guides/migrating-from-v11-to-v12.md index 33204822cb8..13b9a32faff 100644 --- a/documentation/guides/migrating-from-v11-to-v12.md +++ b/documentation/guides/migrating-from-v11-to-v12.md @@ -10,15 +10,15 @@ Polaris v12.0.0 ([full release notes](https://github.com/Shopify/polaris/release **Layout.Section** -One third: +- One third: `npx @shopify/polaris-migrator react-rename-component-prop --componentName="Layout.Section" --from="oneThird" --to="variant" --newValue="oneThird"` -One half: +- One half: `npx @shopify/polaris-migrator react-rename-component-prop --componentName="Layout.Section" --from="oneHalf" --to="variant" --newValue="oneHalf"` -Full width: +- Full width: `npx @shopify/polaris-migrator react-rename-component-prop --componentName="Layout.Section" --from="fullWidth" --to="variant" --newValue="fullWidth"` @@ -39,3 +39,15 @@ Secondary, becomes oneThird: `npx @shopify/polaris-migrator react-rename-component-prop --componentName="Box" --from="borderRadiusStartStart" --to="variant" --newValue="borderStartStartRadius"` `npx @shopify/polaris-migrator react-rename-component-prop --componentName="Box" --from="borderRadiusStartEnd" --to="variant" --newValue="borderStartEndRadius"` + +**HorizontalStack** + +`npx @shopify/polaris-migrator react-rename-component --renameFrom="HorizontalStack" --renameTo="InlineStack" --renamePropsFrom="HorizontalStackProps" --renamePropsTo="InlineStackProps"` + +**VerticalStack** + +`npx @shopify/polaris-migrator react-rename-component --renameFrom="VerticalStack" --renameTo="BlockStack" --renamePropsFrom="VerticalStackProps" --renamePropsTo="BlockStackProps"` + +**HorizontalGrid** + +`npx @shopify/polaris-migrator react-rename-component --renameFrom="HorizontalGrid" --renameTo="InlineGrid" --renamePropsFrom="HorizontalGridProps" --renamePropsTo="InlineGridProps"`