Video details

Svelte 101: Style your Svelte component [2/2] - class: Directive


We are going to learn how to conditionally style elements in Svelte component.
-- We can pass a JavaScript expression to the class attribute. If we pass a dynamic string variable, every time the string value changes, we can apply a different class to the element. So, what's more to learn?
Yes, and in this video, we are going to explore another trick, that is more readable and concise than manipulating strings in the class attribute.
Introduction 00:00 Various ways to conditionally add class to elements 00:12 The class: directive 02:35 Shorthand for class: directive 04:30
Related Resources Svelte Svelte REPL Svelte Tutorial - Classes
🥰 Support me
Want to learn more from me? Check out these links:
Twitter: Blog: Newsletter:
#svelte #svelte101
Thanks for watching 🥰 -- with love, Li Hau