Skip to content
OTF Kit logoOTF Kit

Slide In

Display

Slide-in entrance primitive from any edge — top / right / bottom / left.

View in Storybook
Slide In
Loading Storybook preview…

Installation

bun add @otfdashkit/ui

Usage

Import Slide In from @otfdashkit/ui.

Code
// Slide In — Slide-in entrance primitive from any edge — top / right / bottom / left.
//
// Install:
//   bun add @otfdashkit/ui

import { SlideIn } from '@otfdashkit/ui'

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

Props

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

PropTypeDefaultDescription
childrenrequiredReactNode
delaynumber0
direction'up' | 'down' | 'left' | 'right''up'
durationnumber

Related