文档目录
状态栏
生命 / 饥饿 / 护甲 / 氧气状态栏。
import { HealthHungerBar } from "./index";
/**
* HealthHungerBar 预览用例(规格 §6.1)
*/
export function HealthHungerBarDemo() {
return (
<div className="flex flex-col gap-12">
<HealthHungerBar health={20} hunger={17} />
<HealthHungerBar armor={13} health={7} hunger={9} oxygen={6} />
<HealthHungerBar health={1} hunger={0} />
</div>
);
}
安装
CLI 拷贝
$npx shadcn add @tennantite/health-hunger-barnpm 直装
$pnpm add @tennantite/uinpm 方式安装编译产物;需要改造源码请用上方的 CLI 拷贝安装。
源码
packages/ui/src/screens/hud/health-hunger-bar/index.tsxnpm 包保留源码目录,可直接复制改造。