Scale In
Reveal content with a restrained scale transition.
Preview
Import
import { ScaleIn } from "@sigil-ui/components";Usage
<ScaleIn>
<Badge>Scale in</Badge>
</ScaleIn>Props
| Prop | Type | Default | Description |
|---|---|---|---|
initialScale | number | 0.92 | Initial scale factor. |
delay | number | 0 | Delay before animation in ms. |
trigger | "scroll" | "mount" | — | — |
viewOptions | UseInViewOptions | — | — |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-duration-normal | Duration normal |
--s-ease-out | Ease out |
--s-ease-spring | Ease spring |