0 minutes, 18 seconds

Alpine Test data

Alpine.data(...) provides a way to re-use x-data contexts

<div x-data="{ open: false }">
    <button x-on:click="open = ! open">Toggle Dropdown</button>

    <svg x-show="open" height="100%" width="100%"
        xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events"
        xmlns:xlink="http://www.w3.org/1999/xlink">
        <defs />
        <line stroke="rgb(10%,10%,16%)" x1="0" x2="100" y1="100" y2="200" />
    </svg>
</div>

Next