文档目录
IE 能量条
IE 能量条:7×46 区域自下而上填充,`fillGradient` 由亮到暗。
import { IeEnergyBar } from "./index";
/**
* IeEnergyBar 预览用例:弧光炉能量区(7×46)60% 与 90% 存量。
*/
export function IeEnergyBarDemo() {
return (
<div className="relative h-32 w-24">
<IeEnergyBar label="能量" left={10} max={40000} top={10} value={24000} />
<IeEnergyBar label="能量(高)" left={40} max={40000} top={10} value={36000} />
</div>
);
}
安装
$pnpm add @tennantite/ienpm 方式安装编译产物;需要改造源码请用上方的 CLI 拷贝安装。
源码
packages/ie/src/ie-energy-bar/index.tsxnpm 包保留源码目录,可直接复制改造。