Magic
Card
Demo
Installation
npx nyxb@latest add magic-cardExamples
Radial Gradient border
Magic
Card
Demo
Props
MagicContainer
| Prop name | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | - | The children to render |
| className | string | - | The className to apply to the container |
MagicCard
| Prop name | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | - | The children to render |
| className | string | - | The className to apply to the card |
| maskSize | number | 200 | The size of the spotlight mask |
| borderColor | string | rgba(120,119,198) | The color of the border |
| borderWidth | number | 1 | The width of the border |
| borderRadius | number | 16 | The radius of the border |
| spotlight | boolean | true | Whether to show the spotlight |
| spotlightColor | string | rgba(120,119,198,0.08) | The color of the spotlight |
| isolated | boolean | true | Whether to isolate the card |
| background | string | rgba(120,119,198, 0.2) | The background of the card |