...
Icons and SVG Files
Locate icon at: essentials\resources\js\version2\assets\Asset.jsCDN: empower-production-assets
Add documentatiion for assets
Naming:
icon-{name}-gray = $gray
icon-{name}-graydark = $gray-dark
icon-{name}-white = $white
To export an Icon from FigmaSave Icon
Locate and select the icon on the mockup
...
2. Copy the icon by left-clicking on the selected icon and then selecting Copy/Paste as > Copy as SVG
...
3. And then, paste the svg into essentials\resources\js\version2\assets\Asset.js
...
Naming: SVG_{NAME}
Ex. SVG_NEWSFEED, SVG_DTRSTATUS_GREEN, SVG_BADGE_INACTIVEyour text editor
Naming:
icon-{name}-gray = $gray
icon-{name}-graydark = $gray-dark
icon-{name}-white = $white
...
To use an Icon from Assets.js
Copy URL of the SVG name icon
...
2. Import Then paste the SVG URL to the file
...
3. Then, call the SVG
...
your code
...
Adding Skeleton
Go to: essentials\resources\js\version2\constants\Loader.js
Add your code. Ex.
...