feat: add custom dollar circle (#459)

juntossomosmais · Jun 6, 2024 · 3d53c4f · 3d53c4f
1 parent 3502808
commit 3d53c4f
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 0 deletions.
diff --git a/packages/core/src/icons.d.ts b/packages/core/src/icons.d.ts
@@ -1,5 +1,6 @@
 export type IconProps =
   | 'cash-back'
+  | 'dollar-circle'
   | 'jsm-outline'
   | 'jsm'
   | 'leader-board'

diff --git a/packages/icons/README.md b/packages/icons/README.md
@@ -34,6 +34,17 @@ To add a new icon, follow these steps:
 1. Create an SVG file with the name of your icon. For example, if you want to add an icon named `my-icon`, create a file named `my-icon.svg` in the svg directory.
 2. Run `npm run icons:build` to generate the type for your icon.
 3. Once the SVG file is added, a pipeline (found in `.github/workflows/icons.yml`) will automatically build the module and upload it to the CDN.
+  3.1 In dev mode we haven't uploaded it to the CDN yet, so to see your results, you need to change the path in `ion-icon`
+  ```js
+  <Host aria-hidden='true'>
+    <ion-icon
+      icon={`{mdi ou custom depende da pasta do ícone}/${this.icon}.svg`}
+      color={this.color}
+      size={this.size}
+    />
+  </Host>
+  ```
+  Don't forget to revert this before commit
 
 ## How it works
 

diff --git a/packages/icons/svg/custom/dollar-circle.svg b/packages/icons/svg/custom/dollar-circle.svg