Something went wrong. Try again.
svelte astro
Something went wrong. Try again.
1234567891011121314151617181920212223<script lang="ts"> let { value = $bindable(), label }: { value: boolean; label: string } = $props();</script>
<button onclick={() => (value = !value)} class:dim={!value}> {label}</button>
<style> button { background: none; border: none; cursor: pointer; padding: 0em 1em; transition: opacity 0.2s ease; }
.dim { opacity: 0.35; }</style>