Viora LogoViora UI
Login

Slide Button

Button with sliding text animation on hover - interactive feedback.

demo-slide-button.tsx
Loading source code...

Installation

pnpm dlx viora-ui add slide-button
npx viora-ui add slide-button
yarn viora-ui add slide-button
bunx --bun viora-ui add slide-button

Usage

import { SlideButton } from "viora-ui";
import { SlideButton } from "viora-ui";

export default function SlideButtonDemo() {
  return (
    <div className="flex min-h-[350px] w-full items-center justify-center p-6">
      <SlideButton />
    </div>
  );
}

API Reference

SlideButton

PropTypeDefaultDescription
variant?"primary" | "secondary" | "outline"-Visual style variant.
size?"sm" | "md" | "lg"-Size option for the component.
slideText?string-Configuration for slideText.

Built by Otis

Last updated: 9/13/2026