Slide Button

A button with a slides up and then slides back sideways.

import Link from "next/link"

import { SlideButton } from "@/components/ui/slide-button"

export function SlideButtonDemo() {
  return (
<SlideButton>
  Hover Me
</SlideButton>
  )
}

Installation


pnpm dlx shadcn@latest add https://ebonui.com/r/slide-button.json

Usage

    <LiquidButton>
      <Link href="/dashboard">Go to Dashboard</Link>
    </LiquidButton>

Props

Prop	Type	Default
`delay?`	`time`	`#ffffff`
`fillHeight?`	`percentage`	`0.05em`
`hoverScale?`	`number`	`100px`
`tapScale?`	`number`	`3s`
`...props?`	`HTMLMotionProps<"button">`

Shinny Icons Slot

On This Page

Installation Usage Props

Support Ebon UI by giving it a star on GitHub!

A lot of work goes into maintaining and improving Ebon UI. Your stars help show your support and encourage further development.