文档目录
经验条
绿色经验进度 + 中央等级徽标。
import { ExperienceBar } from "./index";
/**
* ExperienceBar 预览用例(规格 §6.1)
*/
export function ExperienceBarDemo() {
return (
<div className="flex w-182 flex-col gap-8">
<ExperienceBar level={30} progress={0.62} />
<ExperienceBar level={0} progress={0.05} />
</div>
);
}
安装
CLI 拷贝
$npx shadcn add @tennantite/experience-barnpm 直装
$pnpm add @tennantite/uinpm 方式安装编译产物;需要改造源码请用上方的 CLI 拷贝安装。
源码
packages/ui/src/screens/hud/experience-bar/index.tsxnpm 包保留源码目录,可直接复制改造。