Neon Button
A high-energy, glowing button component for distinctive calls to action.
Preview
Installation
bash
npx auralix-ui add neon-buttonUsage
Neon Variants
tsx
import { NeonButton } from "@/components/ui/NeonButton";
<NeonButton variant="cyan">Cyan Glow</NeonButton>
<NeonButton variant="magenta">Magenta Glow</NeonButton>
<NeonButton variant="lime">Lime Glow</NeonButton>
<NeonButton variant="violet">Violet Glow</NeonButton>Sizes
tsx
<NeonButton neonSize="sm">Small</NeonButton>
<NeonButton neonSize="md">Medium</NeonButton>
<NeonButton neonSize="lg">Large</NeonButton>Props
| Name | Type | Default | Description |
|---|---|---|---|
variant | "cyan" | "magenta" | "lime" | "violet" | "cyan" | The color theme of the neon glow. |
neonSize | "sm" | "md" | "lg" | "md" | The size of the button. |
children | ReactNode | - | Button content. |
On this page