文档目录
状态效果
18×18 槽位 + 16×16 图标的纵向状态效果栏。
import { StatusEffects } from "./index";
/**
* StatusEffects 预览用例(规格 §6.1)
*/
export function StatusEffectsDemo() {
return (
<StatusEffects
effects={[
{ amplifier: "II", duration: "0:30", name: "速度" },
{ duration: "1:00", name: "跳跃提升" },
{ duration: "0:10", name: "反胃" },
]}
/>
);
}
安装
CLI 拷贝
$npx shadcn add @tennantite/status-effectsnpm 直装
$pnpm add @tennantite/uinpm 方式安装编译产物;需要改造源码请用上方的 CLI 拷贝安装。
源码
packages/ui/src/screens/hud/status-effects/index.tsxnpm 包保留源码目录,可直接复制改造。