Documentation
IfFluidTank
Titanium fluid tank: 18×56 or 18×19 frame with a 12×(50|13) fluid-colored fill rising from the bottom.
import { IfFluidTank } from "./index";
export function IfFluidTankDemo() {
return (
<div className="relative h-40 w-48">
<IfFluidTank
color="blue"
left={8}
max={1000}
name="normal"
size="normal"
tint="#287697"
top={8}
value={640}
/>
<IfFluidTank
color="lime"
left={40}
max={1000}
name="small"
size="small"
tint="#41CD34"
top={8}
value={320}
/>
</div>
);
}
Install
$pnpm add @tennantite/industrialforegoingnpm installs the compiled package; use the CLI copy above to adapt the source.
Source
packages/industrialforegoing/src/if-fluid-tank/index.tsxThe npm package keeps the source tree, so you can copy and adapt it directly.