😎
Installation
npx shadcn@latest add "https://magicui.design/r/scratch-to-reveal"Props
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | The class name to apply to the component. | |
| width | number | Width of the scratch container. | |
| height | number | Height of the scratch container. | |
| minScratchPercentage | number | 50 | Minimum percentage of scratched area to be considered as completed (Value between 0 and 100). |
| children | node | The content to display in the marquee. | |
| onCompete | function | Callback function called when scratch is completed | |
| gradientColors | string[] | Gradient colors for the scratch effect. |
Credits
- Credit to dipesh_the_dev