Documentation

EioIconButton

Ender IO icon button: vanilla 16×16 button face (highlight on hover) plus the upstream 16×16 icon.

import { gui } from "@tennantite/ui";

import { EioIconButton } from "./index";

export function EioIconButtonDemo() {
  return (
    <div style={{ height: gui(40), position: "relative", width: gui(40) }}>
      <EioIconButton
        icon="sprites/buttons/io_config"
        label="IO 配置"
        left={12}
        onClick={() => {}}
        top={12}
      />
    </div>
  );
}

Install

$pnpm add @tennantite/enderio

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

Source

packages/enderio/src/eio-icon-button/index.tsx

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