CoastalCommitsPastes/client/components/fade-in/index.tsx

31 lines
652 B
TypeScript
Raw Normal View History

// https://www.joshwcomeau.com/snippets/react-components/fade-in/
import styles from './fade.module.css';
const FadeIn = ({
duration = 300,
delay = 0,
children,
...delegated
}: {
duration?: number;
delay?: number;
children: React.ReactNode;
[key: string]: any;
}) => {
return (
<div
{...delegated}
className={styles.fadeIn}
style={{
...(delegated.style || {}),
animationDuration: duration + 'ms',
animationDelay: delay + 'ms',
}}
>
{children}
</div>
);
};
export default FadeIn