Achievement Toast
Pro
A reward notification with a springy badge and a single light sweep.
Achievement unlocked
First launch
Customize
Installation
Achievement Toast is part of Pro. After purchase you're invited to the private mekai-ui/mekai-ui-pro GitHub repository: copy achievement-toast.tsx and icons.tsx into components/ui and run npm install motion.
Usage
import { AchievementToast } from "@/components/ui/achievement-toast";
<AchievementToast
achievement={{ key: badge.id, title: "Achievement unlocked", name: badge.name }}
/>Props
2 properties| Property | Type | Default | Description |
|---|---|---|---|
| achievement | { key, title, name } | null | — | The achievement to show. Change the key to replay, null hides it. |
| className | string | — | Extra classes for the wrapper. |
Dependencies: motion