Pattern Background无法正常显示

[liu7654]

[icebay]

Try it.

style="--foreground: 240 10% 3.9%"

<PatternBackground
  :animate="true"
  :direction="PATTERN_BACKGROUND_DIRECTION.TopRight"
  :variant="PATTERN_BACKGROUND_VARIANT.Dot"
  class="flex h-[36rem] w-full items-center justify-center"
  :speed="PATTERN_BACKGROUND_SPEED.Slow"
  style="--foreground: 240 10% 3.9%"
>
  <p
    class="relative z-20 bg-gradient-to-b from-neutral-200 to-neutral-500 bg-clip-text py-8 text-4xl font-bold text-transparent sm:text-5xl"
  >
    Text
  </p>
</PatternBackground>

[robintuffeau]

Thank you very much. I've been trying to display this component for two hours and I couldn't do it. Thank you.