Svelte – toggle construct

An example toggle on svelte.

Create a variable active:

<script>
let active = true;
script>

Adding the construction class: active = {active} to the place that we want to change:

<div
class=“other classes”
class:active=“{active}”
>
Hidden text
div>

Add style:

<style lang=“scss”>
active {
display: none;
}
style>

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *