Components
Loading preview...
Here is Star Button component
npx shadcn@latest add https://21st.dev/r/badtzx0/star-button"use client"
import { useEffect, useState } from "react"
import { useTheme } from "next-themes"
import { StarButton } from "@/components/ui/star-button"
export default function StarButtonDemo() {
const { theme } = useTheme()
const [lightColor, setLightColor] = useState("#FAFAFA")
useEffect(() => {
setLightColor(theme === "dark" ? "#FAFAFA" : "#FF2056")
}, [theme])
return (
<div>
<StarButton lightColor={lightColor} className="rounded-3xl">
Hover me
</StarButton>
</div>
)
}