Glow Border
An animated border effect.
API
| Prop Name | Type | Default | Description |
|---|---|---|---|
duration | number | 10 | Duration of the glowing border animation. |
color | string | string[] | #FFF | Color or array of colors to applied on the glowing border. |
borderRadius | number | 10 | Radius of the border. |
borderWidth | number | 2 | Width of the border. |
Component Code
You can copy and paste the following code to create these components:
GlowBorder.vue
Credits
- Credits to Magic UI for this fantastic component.