Copy over a few more playground examples

This commit is contained in:
Ryan Gossiaux
2021-12-16 16:28:57 -08:00
parent 1e6d735537
commit cc69cb9a93
8 changed files with 511 additions and 0 deletions

View File

@@ -0,0 +1,27 @@
<script>
import {
Disclosure,
DisclosureButton,
DisclosurePanel,
Transition,
} from "$lib";
</script>
<div class="flex justify-center w-screen h-full p-12 bg-gray-50">
<div class="w-full max-w-xs mx-auto">
<Disclosure>
<DisclosureButton>Trigger</DisclosureButton>
<Transition
enter="transition duration-1000 ease-out"
enterFrom="transform scale-95 opacity-0"
enterTo="transform scale-100 opacity-100"
leave="transition duration-1000 ease-out"
leaveFrom="transform scale-100 opacity-100"
leaveTo="transform scale-95 opacity-0"
>
<DisclosurePanel class="p-4 bg-white mt-4">Content</DisclosurePanel>
</Transition>
</Disclosure>
</div>
</div>