FA Kit usage with SvelteKit #87
Replies: 1 comment 3 replies
-
|
Uh oh, that second example should say this instead. I'll get that fixed. <!-- Option 2: the setKitCode() method -->
<script type="module">
import { setKitCode } from '/path/to/web-awesome/dist/webawesome.js';
setKitCode('YOUR_KIT_CODE_HERE');
</script>As for option 1, you can apply the Let me know if that works for you! |
Beta Was this translation helpful? Give feedback.
-
|
Hm. Currently I cant install Webawesome as a package, right? So how would Option 2 work? For Option 1 its unclear where the "bundle.js" is referencing to if I use CDN? |
Beta Was this translation helpful? Give feedback.
-
|
The npm package isn't available yet, correct. Ignore bundle.js — the data attribute is what's important and it can be anywhere, e.g. <html data-fa-kit-code="abc123">
...
</html> |
Beta Was this translation helpful? Give feedback.
-
|
Here's some markdown for the documentation if you like (can't make PRs now obviously). I tried to make it an easy-to-copy code block but nested code blocks get funky. Anyway, hope it helps! Using Font Awesome Kit CodesFont Awesome users can set their kit code to unlock Font Awesome Pro icons. You can provide it through two methods: Option 1: The data-fa-kit-code attributeYou can apply the <script src="bundle.js" data-fa-kit-code="abc123"></script>Or <html data-fa-kit-code="abc123">
...
</html>Note: Option 2: The setKitCode() method
<script type="module">
import { setKitCode } from '/path/to/web-awesome/dist/webawesome.js';
setKitCode('YOUR_KIT_CODE_HERE');
</script>The |
Beta Was this translation helpful? Give feedback.
-
Hi there,
I can use the general WebAwesome with the CDN. I am however unsure how to access my FontAwesome my Kit or any Pro Icons.
With Option 1 it is not clear what "bundle.js" is referencing to and similar with Option 2 I do not know what path to set.
Beta Was this translation helpful? Give feedback.
All reactions