svelte conditional class

Daschi answered on August 8, 2022 Popularity 8/10 Helpfulness 6/10

answer svelte conditional class

related svelte conditional class

Comment

The selected class is added to the element whenever the value of the expression is truthy, and removed when it's falsy.

<button
	class:selected="{current === 'foo'}"
	on:click="{() => current = 'foo'}"
>foo</button>

Popularity 8/10 Helpfulness 6/10 Language html

Source: svelte.dev

Tags: class conditional svelte whatever

Link to this answer
Share Copy Link

Contributed on Apr 09 2023

Daschi

0 Answers Avg Quality 2/10

Closely Related Answers

Comment

-1

<button
	class:selected="{current === 'foo'}"
	on:click="{() => current = 'foo'}"
>foo</button>

Popularity 9/10 Helpfulness 1/10 Language html

Source: svelte.dev

Tags: class clas

Link to this answer
Share Copy Link

Contributed on Aug 08 2022

FourCoding

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.