We invite you to join our third "Community Hours" session and bring you the opportunity to learn and connect with the Freshworks developer community.
28th April 2022
5:30 pm IST (India)| 2:00 pm CET| 1:00 pm GMT (London)
Check your time zone
Crayons the design system and library of Web components have become very popular among developers building apps for the Freshworks marketplace. It is being used by more than 300 apps and is growing rapidly with newer apps adopting Crayons daily. Crayons helps developers reduce time to market and be compliant with the Freshworks design guidelines.
V3 release has a ton of improvements and a number of new components that have been asked by the larger developer community have been added. Now things like accessibility and internationalization come out of the box with Crayons. The Freshworks marketplace team has an ambitious roadmap for Crayons and the developer community is encouraged to chime in with their requirements as well.
Q1: Is there documentation that describes the differences between FDK 8.0. 8.1, and 8.2?
A1: What's New contains the changelog, though we haven’t managed to update it for 8.2 yet. 8.2 contains only the Freshservice entity storage support.
Q2: In the crayons date picker, if the user needs to pick a today date like 28/04/2022 to 28/04/2022. This use-case in crayons is not user-friendly to select today’s date. If this is sorted out from the next version it would be great.
A2: Thanks for the feedback, Kavin. We shall recheck and add to our bucket list. Meanwhile, feel free to raise an issue at GitHub - freshworks/crayons: 🖍️ Crayons - A UI Kit comprising of web components for building Freshworks Apps!
Q3: Do you have the same important for vue?
A3: Vue bindings are part of v3. You can see the docs here: Vue | Crayons
Q4: Are we able to fetch the data from the select? It was not happening on the previous version.
A4: Yes, you will be able to fetch the selected option from the select. You can check the dynamic filter option in the documentation.
Q5: When a button is clicked, the onFwClick method is called, does it automatically change the state of the button to loading state if the onFwClick handler returns an unfulfilled promise?
A5: No, you will have to set the loading property to true/false. We will be able to make this work for the React wrappers as it can be made promise aware.
Q6: I’ve enjoyed using that feature on Freshworks Nucleus components. Would be great to see it here as well.
A6: This will be possible for ember or react and won’t be possible for the events itself as DOM events will not be promise aware. As mentioned, we will make this possible for our react wrappers.
Q7: Is the previous versions still available? if not how are we going to compensate for the existing app?
A7: The previous versions are still available in the live CDN so existing apps won’t break. For the previous version of Crayons, You can use https://unpkg.com/@freshworks/crayons@v2/dist/crayons/crayons.js
Migration guide - https://crayons.freshworks.com/introduction/migrating-to-v3
You can also have your question ready beforehand, as we have a live Q&A during the session, where our fantastic DevExperts will be answering all of your questions.
Can’t make it? The recording will be available in case you missed the live event.
Looking forward to seeing you at the next event!