Line Shadow Text
A line shadow text component for Magic UI that adds a shadow effect to the text, making it visually appealing and engaging.
API
| Prop Name | Type | Default | Description |
|---|---|---|---|
shadowColor | string | "black" | The color of the shadow effect |
class | string | "" | Additional CSS classes for custom styling. |
as | string | "span" | The HTML element to render the text as. |
Component Code
You can copy and paste the following code to create this component:
LineShadowText.vue
Features
- Slot-Based Content: Supports default slots for dynamic content, making it flexible for various use cases.
Credits
- Credits to SivaReddy Uppathi for this component.
- Ported from Magic UI's Line Shadow Text