Reveal
DisplayScroll-triggered reveal animation primitive for content-rich pages.
RevealDisplay · Web
Loading Storybook preview…
Installation
bun add @otfdashkit/ui
Usage
Import Reveal from @otfdashkit/ui.
Code
// Reveal — Scroll-triggered reveal animation primitive for content-rich pages.
//
// Install:
// bun add @otfdashkit/ui
import { Reveal } from '@otfdashkit/ui'
export function Example() {
return (
<Reveal>
{/* your content */}
</Reveal>
)
}Props
Props declared in the Reveal source. Inherited HTML attributes are not listed.
| Prop | Type | Default | Description |
|---|---|---|---|
| childrenrequired | ReactNode | ||
| className | string | ||
| delay | number | 0 | |
| once | boolean | true | |
| preset | MotionPreset | 'fadeIn' |