💾
Retro90s UIv1.0.0
Components/

RetroButton

A Windows 95 style beveled button with multiple variants.

Preview

Installation

npx shadcn@latest add https://retro90s.dev/r/retro-button.json

Usage

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

export function MyComponent() {
  return <RetroButton variant="primary">Click me!</RetroButton>
}

Variants

Default

variant="default"

Primary

variant="primary"

Danger

variant="danger"

Success

variant="success"

Neon

variant="neon"

Sizes

As Link

Use the asChild prop to render as a link:

<RetroButton asChild variant="primary">
  <Link href="/somewhere">Go there</Link>
</RetroButton>

Props

PropTypeDefault
variant"default" | "primary" | "danger" | "success" | "neon""default"
size"sm" | "default" | "lg""default"
font"system" | "comic" | "pixel""system"
asChildbooleanfalse