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/documentation/examples/14-classes/00-classes/App.svelte

21 lines
420 B

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