diff --git a/packages/grid/README.md b/packages/grid/README.md index b1120e5487b6..ce0f941276b7 100644 --- a/packages/grid/README.md +++ b/packages/grid/README.md @@ -30,7 +30,7 @@ You can then include the grid by doing the following in your Sass files: ## Usage _More examples and documentation can be found on this -[live demo website](https://carbon-elements.netlify.com/grid/examples/preview/)._ +[live demo website](https://carbon-elements.netlify.app/grid/examples/preview/)._ `@carbon/grid` has three primitive class types to use in order to structure your application. They include: diff --git a/packages/icons-vue/README.md b/packages/icons-vue/README.md index 2dfa12603fe3..2f2b3a715392 100644 --- a/packages/icons-vue/README.md +++ b/packages/icons-vue/README.md @@ -45,7 +45,7 @@ new Vue({ ``` _Note: if you would like to find the import path for an icon, you can reference -our [icon preview](https://carbon-elements.netlify.com/icons/examples/preview/)_ +our [icon preview](https://carbon-elements.netlify.app/icons/examples/preview/)_ Using `CarbonIconsVue` we can pass in any of the icon components that we'd like to use. In our application, we can then use them by doing: diff --git a/packages/icons/README.md b/packages/icons/README.md index 6732e8568fac..586eeee01800 100644 --- a/packages/icons/README.md +++ b/packages/icons/README.md @@ -32,7 +32,7 @@ for various frameworks: We also support using icons in Vanilla JavaScript. In order to use an icon, it may be helpful to reference our -[Icon library](https://carbon-elements.netlify.com/icons/examples/preview/) +[Icon library](https://carbon-elements.netlify.app/icons/examples/preview/) reference page in order to find the specific icon you would like to use. ### Vanilla @@ -45,7 +45,7 @@ import IconName from '@carbon/icons//path-to-icon/size'; ``` For example, if I wanted to import the 16x16 -[`add`](https://carbon-elements.netlify.com/icons/examples/preview/#16%2Fadd) +[`add`](https://carbon-elements.netlify.app/icons/examples/preview/#16%2Fadd) icon, I would write: ```js @@ -77,7 +77,7 @@ const addIconNode = toSVG({ Certain icons in the library support an alternate fill inside of the icon, for example -[`warning--filled`](https://carbon-elements.netlify.com/icons/examples/preview/#16%2Fwarning--filled) +[`warning--filled`](https://carbon-elements.netlify.app/icons/examples/preview/#16%2Fwarning--filled) supports styling the inner `!` path. In order to style the inner path, you will need to target the SVG using CSS. In @@ -98,7 +98,7 @@ in order to get this inner path to be visible on the page. ### Reference You can view a full reference of our icons -[here](https://carbon-elements.netlify.com/icons/examples/preview/) . This is +[here](https://carbon-elements.netlify.app/icons/examples/preview/) . This is useful for finding the path information in order to import an icon. ## 🙌 Contributing diff --git a/packages/icons/examples/preview/src/pages/index.js b/packages/icons/examples/preview/src/pages/index.js index a9a1ccb0dca0..22ee6fa92025 100644 --- a/packages/icons/examples/preview/src/pages/index.js +++ b/packages/icons/examples/preview/src/pages/index.js @@ -211,7 +211,7 @@ function getBugTemplate(name, source) { 'body', ` -There is an issue for the \`${name}\` icon when viewing [the elements demo](https://carbon-elements.netlify.com/icons/examples/preview/). +There is an issue for the \`${name}\` icon when viewing [the elements demo](https://carbon-elements.netlify.app/icons/examples/preview/). The source for this icon is available [here](${source}). diff --git a/packages/pictograms/examples/preview/src/pages/index.js b/packages/pictograms/examples/preview/src/pages/index.js index b4de3a62f190..89abca982d6f 100644 --- a/packages/pictograms/examples/preview/src/pages/index.js +++ b/packages/pictograms/examples/preview/src/pages/index.js @@ -128,7 +128,7 @@ function getBugTemplate(name, source) { 'body', ` -There is an issue for the \`${name}\` pictogram when viewing [the elements demo](https://carbon-elements.netlify.com/pictograms/examples/preview/). +There is an issue for the \`${name}\` pictogram when viewing [the elements demo](https://carbon-elements.netlify.app/pictograms/examples/preview/). The source for this icon is available [here](${source}).