Often, the name of the class will be the same as the name of the value it depends on:

<div class:big={big}>
	<!-- ... -->
</div>

In those cases we can use a shorthand form:

<div class:big>
	<!-- ... -->
</div>


			
loading editor...

Console

loading Svelte compiler...


			
loading editor...

Compiler options

result = svelte.compile(source, {
generate:
});


			
loading editor...