Components
Loading preview...
a simple and clean neon bordered button with hover effect
npx shadcn@latest add https://21st.dev/r/cybergaz/neon-buttonimport { Button } from "@/components/ui/neon-button"
const Default = () => {
return (
<>
<div className="flex flex-col gap-3">
<Button>Button</Button>
<WithNoNeon />
<Solid />
</div>
</>
)
}
const WithNoNeon = () => {
return (
<>
<div className="flex flex-col gap-2">
<Button neon={false}>normal button</Button>
</div>
</>
)
}
const Solid = () => {
return (
<>
<div className="flex flex-col gap-2">
<Button variant={"solid"}>solid</Button>
</div>
</>
)
}
export { Default, WithNoNeon, Solid }