HackerButton
A button that randomizes text on hover with a hacker effect.
Installation
Install using our CLI tool (recommended):
Terminal
1npx mixcn-ui add hackerbuttonImport
Component.tsx
1import { HackerButton } from "@components/customComponents/HackerButton";Props
| Name | Type | Default | Description |
|---|---|---|---|
| text* | string | - | The text to display in the button |
| className | string | - | Additional CSS classes |
Examples
Basic Usage
Basic Usage.tsx
1<HackerButton text="Hover Me" />Custom Style
Custom Style.tsx
1<HackerButton
2 text="Custom Style"
3 className="bg-purple-500 hover:bg-purple-600"
4/>