You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
svelte/site/content/tutorial/13-classes/01-classes/app-b/App.svelte

29 lines
442 B

<script>
let current = 'foo';
</script>
<style>
button {
display: block;
}
.selected {
background-color: #ff3e00;
color: white;
}
</style>
<button
class:selected="{current === 'foo'}"
on:click="{() => current = 'foo'}"
>foo</button>
<button
class:selected="{current === 'bar'}"
on:click="{() => current = 'bar'}"
>bar</button>
<button
class:selected="{current === 'baz'}"
on:click="{() => current = 'baz'}"
>baz</button>