Slide In
DisplaySlide-in entrance primitive from any edge — top / right / bottom / left.
Slide InDisplay · Web
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.
| Prop | Type | Default | Description |
|---|---|---|---|
| childrenrequired | ReactNode | ||
| delay | number | 0 | |
| direction | 'up' | 'down' | 'left' | 'right' | 'up' | |
| duration | number |