文档目录
Mod 标签按钮
通用 mod 顶部标签按钮:20×20,选中态由 selected 切换纹理。
import { ae2SpriteMeta } from "@tennantite/textures";
import { ModSprite } from "../mod-sprite/index";
import { ModTabButton } from "./index";
const ICON = { height: 16, width: 16, x: 0, y: 0 };
export function ModTabButtonDemo() {
return (
<div className="relative h-16 w-32">
<ModTabButton
icon={<ModSprite sprite={ae2SpriteMeta.states} src={ICON} />}
label="未选中"
left={0}
selected={false}
top={0}
/>
<ModTabButton
icon={<ModSprite sprite={ae2SpriteMeta.states} src={ICON} />}
label="已选中"
left={28}
selected
top={0}
/>
</div>
);
}
安装
$pnpm add @tennantite/commonnpm 方式安装编译产物;需要改造源码请用上方的 CLI 拷贝安装。
源码
packages/mods-core/src/shared/mod-tab-button/index.tsxnpm 包保留源码目录,可直接复制改造。