svelte/test/runtime/samples/class-helper/main.html

mirror of https://github.com/sveltejs/svelte
<div class:active="isActive(user)"></div>

<script>
export default {
  helpers: {
    isActive(user) {
      return user.active;
    }
  }
}
</script>
Adds the class directive Allows `<div class:active="user.active">` to simplify templates littered with ternary statements. Addresses #890 6 years ago			`<div class:active="isActive(user)"></div>`

			`<script>`
			`export default {`
			`helpers: {`
			`isActive(user) {`
			`return user.active;`
			`}`
			`}`
			`}`
			`</script>`