DefinitelyTyped/types/react-fade-in/react-fade-in-tests.tsx
Barry Michael Doyle ba94ba69b1 Added react-fade-in Type Definitions (#41182)
* added react-fade-in type definitions

* added version in

* added type definitions for react-hook-mousetrap

* resolved prefer-declare-function error
2019-12-27 09:09:48 -06:00

41 lines
1.1 KiB
TypeScript

import * as React from 'react';
import FadeIn from 'react-fade-in';
export const _ = () => (
<>
<FadeIn />
<FadeIn>
<div>Element 1</div>
<div>Element 2</div>
<div>Element 3</div>
<div>Element 4</div>
<div>Element 5</div>
<div>Element 6</div>
</FadeIn>
<FadeIn className="typescript">
<div>Element 1</div>
<div>Element 2</div>
<div>Element 3</div>
<div>Element 4</div>
<div>Element 5</div>
<div>Element 6</div>
</FadeIn>
<FadeIn delay={60}>
<div>Element 1</div>
<div>Element 2</div>
<div>Element 3</div>
<div>Element 4</div>
<div>Element 5</div>
<div>Element 6</div>
</FadeIn>
<FadeIn transitionDuration={500}>
<div>Element 1</div>
<div>Element 2</div>
<div>Element 3</div>
<div>Element 4</div>
<div>Element 5</div>
<div>Element 6</div>
</FadeIn>
</>
);