Skip to content
OTF Kit logoOTF Kit

Reveal

Display

Scroll-triggered reveal animation primitive for content-rich pages.

View in Storybook
Reveal
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.

PropTypeDefaultDescription
childrenrequiredReactNode
classNamestring
delaynumber0
oncebooleantrue
presetMotionPreset'fadeIn'

Related