Skip to content
OTF Kit logoOTF Kit

Fade In

Display

Fade-in entrance primitive with configurable delay and duration.

View in Storybook
Fade In
Loading Storybook preview…

Installation

bun add @otfdashkit/ui

Usage

Import FadeIn from @otfdashkit/ui.

Code
// Fade In — Fade-in entrance primitive with configurable delay and duration.
//
// Install:
//   bun add @otfdashkit/ui

import { FadeIn } from '@otfdashkit/ui'

export function Example() {
  return (
    <FadeIn>
      {/* your content */}
    </FadeIn>
  )
}

Props

Props declared in the FadeIn source. Inherited HTML attributes are not listed.

PropTypeDefaultDescription
childrenrequiredReactNode
delaynumber0
durationnumber

Related