Update adding-more-icon-options-to-the-alert-component.mdx

vtexdocs · Oct 9, 2024 · 284a3e5 · 284a3e5
1 parent c761c61
commit 284a3e5
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/...sections/override-use-cases/adding-more-icon-options-to-the-alert-component.mdx b/...sections/override-use-cases/adding-more-icon-options-to-the-alert-component.mdx
@@ -14,12 +14,12 @@ This guide illustrates a common use case for [`getOverriddenSection`](https://de
 
   | Alert default icon name | Icon                                                                                                                           |
   | ----------------------- | ------------------------------------------------------------------------------------------------------------------------------ |
-  | `Bell`                  | ![bell-icon](https://vtexhelp.vtexassets.com/assets/docs/src/bell-icon___78c462f54a529a5b68f696ebb9256e47.png)                 |
-  | `BellRinging`           | ![bell-ringing-icon](https://vtexhelp.vtexassets.com/assets/docs/src/bell-ringing-icon___ebaea6a1dfef58f1c76b14070703704b.png) |
-  | `Checked`               | ![checked-icon](https://vtexhelp.vtexassets.com/assets/docs/src/checked-icon___c4dc5aa336fca566ec361125a9eb846e.png)           |
-  | `Info`                  | ![icon-info](https://vtexhelp.vtexassets.com/assets/docs/src/info-icon___f8c0cd591967892ec72328f277efa9d1.png)                 |
-  | `Truck`                 | ![truck-icon](https://vtexhelp.vtexassets.com/assets/docs/src/truck-icon___ec3a7f0fcf2c02580d49444b71e8fc36.png)               |
-  | `User`                  | ![user-icon](https://vtexhelp.vtexassets.com/assets/docs/src/user-icon___999dffa96120d0e51ead18263423ddad.png)                 |
+  | `Bell`                  | <IconComponent icon={<Icon name="Bell" />} name="Bell" />                 |
+  | `BellRinging`           | <IconComponent icon={<Icon name="BellRinging" />} name="BellRinging" /> |
+  | `Checked`               | <IconComponent icon={<Icon name="Checked" />} name="Checked" />          |
+  | `Info`                  | <IconComponent icon={<Icon name="Checked" />} name="Icon" />                |
+  | `Truck`                 | <IconComponent icon={<Icon name="Checked" />} name="Truck" />             |
+  | `User`                  | <IconComponent icon={<Icon name="Checked" />} name="User" />             |
 
 - You want to allow Headless CMS editors to select in the Alert section from a wider range of icons supported by the `@faststore/ui` [iconography](https://developers.vtex.com/docs/guides/faststore/reference-icons#usage) library.