Video details

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

Svelte
03.27.2021
English

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
---
đź’»
REPL https://svelte.dev/repl/19cce00af5ba4d66bc82d97dfe15020d?version=3.35.0
đź“š
Related Resources Svelte https://svelte.dev Svelte REPL https://svelte.dev/repl Svelte Tutorial - Classes https://svelte.dev/tutorial/classes
🥰 Support me https://www.buymeacoffee.com/lihautan
đź”—
Want to learn more from me? Check out these links:
Twitter: https://twitter.com/lihautan Blog: https://lihautan.com/ Newsletter: https://lihautan.com/newsletter
#svelte #svelte101
Thanks for watching 🥰 -- with love, Li Hau