Monday, August 31, 2020

🆕 Sitecore Icon Search Update: JSS Icons

Sitecore Icon Search has been around since 2018 and is still used widely across the Sitecore development community (9,000+ visits in 2020 so far).  Generally, the app has been self-sustainable as the approach hasn't changed from version to version.  

 Last week, a couple of my colleagues sent me a request:

Gabe – do you think you can add the JSS enum as a column on Sitecore Icon Search? 

When you configure a component in JSS, you specify the icon like Icons.House vs. the relative file path. So, it’s painful right now to map looking it up and tracking down the enum.

https://github.com/Sitecore/jss/blob/dev/packages/sitecore-jss-manifest/src/generator/SitecoreIcon.ts

We add icons to templates by using that enum. So having “SitecoreIcon.Anchor” alongside the anchor icon would help because that’s exactly the string I need to enter into my code.

Given my minimal development with Sitecore JSS, I wasn't aware of this limitation.  

I took some time to map the Sitecore JSS enum values to the corresponding Sitecore icon dataset and included a new JSS Enum column and JSS Icons Only checkbox that can be used to filter down JSS-applicable icons and their corresponding enum string value.  

Hopefully, this helps Sitecore JSS developers find and add the right icon for their templates.  

Please note that this feature is currently only available on the https://sitecoreicons.com/ web app (with the intention of adding the feature to the available browser extensions in the near future).  

If you have a feature request for Sitecore Icon Search, please don't hesitate to reach out, and I'll do my best to accommodate!


0 comments:

Post a Comment