GitHub

Navigation Button

Installation

1. Install dependencies

npx shadcn-animated add button

2. Install navigation button

npx shadcn-animated add navigation-button

Usage

1
import { NavigationButton } from "@/components/ui/navigation-button";
1
<NavigationButton>
2
    Hover me
3
</NavigationButton>

Back icon

1
<NavigationButton
2
    iconVariant="before"
3
>
4
    Hover me
5
</NavigationButton>

Specify variant, size, or className

Customize the button using the same variant, size, and className options as shadcn/ui.

1
<NavigationButton
2
    variant="default"
3
    className="rounded-full h-10 px-6 hover:bg-primary "
4
>
5
 Hover me
6
</NavigationButton>

Next