安装

npm install @devnomic/marquee

导入

import { Marquee } from "@devnomic/marquee";
import "@devnomic/marquee/dist/index.css";

或者您可以跳过 npm 安装, 只要复制并粘贴源代码到您的组件 ala shadcn ui (如果这样做,请不要忘记同时复制尾风配置) .

使用量

这个图书馆的道具和自我解释都很少,你可以在短时间内运行. 详见web 示例.

<Marquee
  fade={true}
  direction="left"
  reverse={false}
  pauseOnHover={false}
  className="" // pass class to change gap or speed
  innerClassName="" // pass class to change gap or speed
>
  <div>Content 1</div>
  <div>Content 2</div>
  <div>Content 3</div>
  <div>Content 4</div>
</Marquee>

这种专为尾风用户制作的 lib, 不过您也可以使用普通的 cs 类, 来通过 类来覆盖空隙 .

许可证

释放 麻省理工学院 以 @ 编剧。 。 。 .