New Frontity Talks episode - Loading a CSS Library in a Frontity Project

Episode eight of Frontity Talks is out!

In this episode of Frontity Talks we demonstrate the correct way to use external CSS in your Frontity project using the <Global> component. We also explain the pros and cons of doing so.

We use antd, a library of high quality React components that you can use for building rich, interactive user interfaces and that has it’s own stylesheet for styling those components in order to illustrate importing and using external CSS.

Frontity Talks is a series of videos in which our Developer Relations team explain a variety of topics related to Frontity. We hope that you find this episode of Frontity Talks useful for you. If you’ve missed any of the earlier episodes of Frontity Talks and want to catch up, you can find them all in this Youtube playlist .

Don’t forget to subscribe to our channel and tap the notification bell :bell: to get notified when new videos are out!

Feel free to ask if you have any questions.

6 Likes

so if we use antd components it means we cant use CSS in JS , we have to import css file?

Hi @jignesh.be.ce,

Welcome to the Community!

antd doesn’t have a CSS-In-JS version (as far as we know) so the styles of these components should be loaded with Global styles (as explained in the Frontity Talk). For the rest of the components you can use CSS In JS.