Text Reveal Card

Mousemove effect to reveal text content at the bottom of the card.

通过 CLI 安装

npm

pnpm

bun

yarn

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

在同一个文件中，复制并粘贴以下代码：

TextRevealCard.vue

TextRevealStars.vue

Prop 名称	类型	描述
class	`String`	Additional classes to be added to the card.
starsCount	`Number`	Control the number of stars that are generated
starsClass	`String`	Additional classes to be added to the stars floating on content.

Slot Name	描述
header	`String`
text	Display default text when the card is not hovered over.
revealText	Text to be revealed when hovered over the card.

本页