multi-direction-slide-text-demo

PreviousNext

Example showing a multi-direction-slide-text-demo component.

Docs
eldorauiexample

Preview

Loading preview…
registry/example/multi-direction-slide-text-demo.tsx
import { MultiDirectionSlideText } from "@/registry/eldoraui/multi-direction-slide-text"

export function MultiDirectionSlideTextDemo() {
  return (
    <MultiDirectionSlideText
      className="font-display text-center text-4xl font-bold -tracking-widest text-black md:text-7xl md:leading-[5rem] dark:text-white"
      textLeft="Multidirectional"
      textRight="Slide"
    />
  )
}

Installation

npx shadcn@latest add @eldoraui/multi-direction-slide-text-demo

Usage

import { MultiDirectionSlideTextDemo } from "@/components/multi-direction-slide-text-demo"
<MultiDirectionSlideTextDemo />