        <h3>The state part:</h3>
        <span>The event triggered: ${ eventType }</span>
        <h3>The demonstration part:</h3>
        <sl-button +click="animationElement.cancel()">Cancel</sl-button>
        <sl-button +click="animationElement.finish()">Finish</sl-button>
        <br>
        <sl-animation id="animationElement" *name="animation" *easing *direction *fill *duration *iterations *delay
            *end-delay *iteration-start *playback-rate="rate" *play +sl-cancel="eventType = $event.type"
 