<InViewComponent transitionStyle?: 'fade-in' | 'fade-up' | 'fade-side' | 'none' threshold?: number callback?: (isIntersecting: boolean, threshold: number) => void untrackOnCallback?: boolean />

This component is used for wrapping the elements that you would like to animate into view.

You can choose from 3 pre-styled transitions, or select `none` to style yourself using the provided classes.

`transitionStyle` can be set to 'fade-in', 'fade-up', 'fade-side', 'none'.

You can also choose to animate as soon as it is in view, or untrack when in view

© 2022
🐞

Scroll Info

Scroll Position: 0.000000000px