31 lines
1.1 KiB
TypeScript
31 lines
1.1 KiB
TypeScript
import styles from "./Node.module.css";
|
||
import { Handle, Position } from "react-flow-renderer";
|
||
|
||
type TimerNodeProps = {};
|
||
|
||
const TimerNode = (props: TimerNodeProps) => {
|
||
return (
|
||
// Базовый класс generic-node - прописана ширина и положение, цвет текста и фона
|
||
|
||
// Nandle - ручка для коннекта. Можно задать оформление при помощи className, тип (target / source) и позицию
|
||
|
||
// Label - подпись ноды. Можно стилизовать
|
||
|
||
// Select - DropDown меню, можно стилизовать. Стоит класс nodrag для предотвращения залипания
|
||
|
||
<div className="timer-node">
|
||
<Handle className="" type="target" position={Position.Top} />
|
||
|
||
<div className="generic-node-content">
|
||
|
||
<label htmlFor="input">Время задержки: </label>
|
||
<input> Время задержки</input>
|
||
|
||
</div>
|
||
|
||
<Handle className="" type="source" position={Position.Bottom} />
|
||
</div>
|
||
);
|
||
};
|
||
|
||
export default TimerNode; |