RetroNavButton

A directional navigation button with Mac OS 9 raised bevel and arrow indicators.

Installation

npx shadcn@latest add "https://nostalgia-ui.com/r/retro-nav-button.json"

Import

import { RetroNavButton } from "@/components/ui/retro-nav-button"

Default (all directions)

Active (press and hold to see pressed bevel)

Disabled

Press and hold buttons to see the active/pressed bevel state.