Components
Loading preview...
Keyboard which glows on hover
npx shadcn@latest add https://21st.dev/r/LegionWebDev/legion-web-dev"use client";
import { GlowingKeyboard } from "@/components/ui/legion-web-dev"
export const Page = () => {
return (
<div className="p-4 rounded-xl bg-accent/20 w-fit">
<GlowingKeyboard
glowColor="#FF2056"
highlight={[
{
startRow: 2,
startIndex: 1,
text: ["F", "O", "L", "L", "O", "W", "", "M", "E"],
},
{
startRow: 4,
startIndex: 2,
text: ["L", "E", "G", "I", "O", "N"],
},
]}
/>
</div>
);
};