datastar/site/static/md/examples/view_transition_on_click.md

View Transition On Click

Demo

Fade out

Explanation

<div data-signals="{show: true}">
  <div data-text="`View Transition API supported in browser? ` + !!document.startViewTransition"></div>
  <div data-show="$show">
    <button class="btn btn-accent" data-on-click__viewtransition="$show = false">
      Fade out
    </button>
  </div>
</div>