Documentation

IfTextField

IF depth / level numeric input: dark inset field with a 1 px #A0A0A0 border (upstream vanilla EditBox).

import { useState } from "react";

import { IfTextField } from "./index";

export function IfTextFieldDemo() {
  const [value, setValue] = useState("64");
  return (
    <div className="relative h-32 w-64">
      <IfTextField label="深度" left={8} onChange={setValue} top={8} value={value} />
    </div>
  );
}

Install

$pnpm add @tennantite/industrialforegoing

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

Source

packages/industrialforegoing/src/if-text-field/index.tsx

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