BlurFade

A BlurFade component from the Sigil design system.

Import

import { BlurFade } from "@sigil-ui/components";

<BlurFade>...</BlurFade>

Prop	Type	Default	Description
`blur`	`number`	`10`	Initial blur radius in pixels.
`yOffset`	`number`	`16`	Vertical offset in pixels.
`delay`	`number`	`0`	Delay before animation in ms.
`trigger`	`"scroll"	"mount"`	—
`viewOptions`	`UseInViewOptions`	—	—

CSS Variable	Purpose
`--s-duration-slow`	Duration slow
`--s-ease-out`	Ease out

AnimateOnScroll

A AnimateOnScroll component from the Sigil design system.

FadeIn

A FadeIn component from the Sigil design system.