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.

通过 CLI 安装

npm

pnpm

bun

yarn

npx shadcn-vue@latest add "https://registry.inspira-ui.com/line-shadow-text.json"

复制并粘贴以下代码：

LineShadowText.vue

Prop 名称	类型	默认值	描述
`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.

Slot-Based Content: Supports default slots for dynamic content, making it flexible for various use cases.

本页