Electrical PLC Ladder Entities
Contact
- Preview
- Usage
- Definition
import { Contact } from '@dinghy/diagrams/entitiesElectricalPlcLadder'
<Contact/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CONTACT } from '@dinghy/diagrams/entitiesElectricalPlcLadder'
<Shape
{...props}
_style={extendStyle(props, CONTACT)}
/>
{
_style: {
entity: 'pointerEvents=1;verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.plc_ladder.contact;',
},
_width: 50,
_height: 25,
}
Contact (N)
- Preview
- Usage
- Definition
import { ContactN } from '@dinghy/diagrams/entitiesElectricalPlcLadder'
<ContactN/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CONTACT_N } from '@dinghy/diagrams/entitiesElectricalPlcLadder'
<Shape
{...props}
_style={extendStyle(props, CONTACT_N)}
/>
{
_style: {
entity: 'pointerEvents=1;verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.plc_ladder.not_contact;',
},
_width: 50,
_height: 25,
}
Output
- Preview
- Usage
- Definition
import { Output } from '@dinghy/diagrams/entitiesElectricalPlcLadder'
<Output/>
// or
import { extendStyle } from "@dinghy/base-components";
import { OUTPUT } from '@dinghy/diagrams/entitiesElectricalPlcLadder'
<Shape
{...props}
_style={extendStyle(props, OUTPUT)}
/>
{
_style: {
entity: 'pointerEvents=1;verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.plc_ladder.output_1;',
},
_width: 50,
_height: 25,
}
Output (N)
- Preview
- Usage
- Definition
import { OutputN } from '@dinghy/diagrams/entitiesElectricalPlcLadder'
<OutputN/>
// or
import { extendStyle } from "@dinghy/base-components";
import { OUTPUT_N } from '@dinghy/diagrams/entitiesElectricalPlcLadder'
<Shape
{...props}
_style={extendStyle(props, OUTPUT_N)}
/>
{
_style: {
entity: 'pointerEvents=1;verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.plc_ladder.not_output_1;',
},
_width: 50,
_height: 25,
}
Output (N) 2
- Preview
- Usage
- Definition
import { OutputN2 } from '@dinghy/diagrams/entitiesElectricalPlcLadder'
<OutputN2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { OUTPUT_N_2 } from '@dinghy/diagrams/entitiesElectricalPlcLadder'
<Shape
{...props}
_style={extendStyle(props, OUTPUT_N_2)}
/>
{
_style: {
entity: 'pointerEvents=1;verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.plc_ladder.not_output_2;',
},
_width: 50,
_height: 25,
}
Output 2
- Preview
- Usage
- Definition
import { Output2 } from '@dinghy/diagrams/entitiesElectricalPlcLadder'
<Output2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { OUTPUT_2 } from '@dinghy/diagrams/entitiesElectricalPlcLadder'
<Shape
{...props}
_style={extendStyle(props, OUTPUT_2)}
/>
{
_style: {
entity: 'pointerEvents=1;verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.plc_ladder.output_2;',
},
_width: 50,
_height: 25,
}