Documentation

ModLabel

Mod pixel text: absolutely positioned, centered by default when no horizontal anchor is given.

居中文字橙色阴影5.4px 小字

import { ModLabel } from "./index";

export function ModLabelDemo() {
  return (
    <div className="relative h-24 w-48">
      <ModLabel top={4}>居中文字</ModLabel>
      <ModLabel color="#f78034" shadow top={20}>橙色阴影</ModLabel>
      <ModLabel left={0} lineHeight={9} size={5.4} top={36}>5.4px 小字</ModLabel>
    </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-label/index.tsx

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