mirror of
https://github.com/lukevella/rallly.git
synced 2025-06-09 22:21:49 +02:00
First public commit
This commit is contained in:
commit
e05cd62e53
228 changed files with 17717 additions and 0 deletions
22
components/transitions.tsx
Normal file
22
components/transitions.tsx
Normal file
|
@ -0,0 +1,22 @@
|
|||
import { Transition } from "@headlessui/react";
|
||||
import * as React from "react";
|
||||
|
||||
export const TransitionPopInOut: React.VoidFunctionComponent<{
|
||||
children: React.ReactNode;
|
||||
show?: boolean;
|
||||
}> = ({ children, show }) => {
|
||||
return (
|
||||
<Transition
|
||||
show={show}
|
||||
as={React.Fragment}
|
||||
enter="transition ease-out duration-100"
|
||||
enterFrom="transform opacity-0 scale-95"
|
||||
enterTo="transform opacity-100 scale-100"
|
||||
leave="transition ease-in duration-75"
|
||||
leaveFrom="transform opacity-100 scale-100"
|
||||
leaveTo="transform opacity-0 scale-95"
|
||||
>
|
||||
{children}
|
||||
</Transition>
|
||||
);
|
||||
};
|
Loading…
Add table
Add a link
Reference in a new issue