Documentation

ModTank

Mod tank shell: inset fill layer, frame and overlay.

import { ModTank } from "./index";

export function ModTankDemo() {
  return (
    <div className="relative size-24">
      <ModTank
        height={40}
        inset={1}
        label="液体"
        left={8}
        max={100}
        tint="#3f76e4"
        top={8}
        value={30}
        width={40}
      />
    </div>
  );
}

Install

$pnpm add @tennantite/common

npm installs the compiled package; use the CLI copy above to adapt the source.

Source

packages/mods-core/src/shared/mod-tank/index.tsx

The npm package keeps the source tree, so you can copy and adapt it directly.