Electrical Logic Gates Entities
AND
- Preview
- Usage
- Definition
import { And } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<And/>
// or
import { extendStyle } from "@dinghy/base-components";
import { AND } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Shape
{...props}
_style={extendStyle(props, AND)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.logic_gates.logic_gate;operation=and;',
},
_width: 100,
_height: 60,
}
AND (IEC)
- Preview
- Usage
- Definition
import { AndIec } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<AndIec/>
// or
import { extendStyle } from "@dinghy/base-components";
import { AND_IEC } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Shape
{...props}
_style={extendStyle(props, AND_IEC)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.iec_logic_gates.and;',
},
_width: 60,
_height: 80,
}
Buffer
- Preview
- Usage
- Definition
import { Buffer } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Buffer/>
// or
import { extendStyle } from "@dinghy/base-components";
import { BUFFER } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Shape
{...props}
_style={extendStyle(props, BUFFER)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.logic_gates.buffer2;',
},
_width: 100,
_height: 60,
}
D Type Flip-Flop
- Preview
- Usage
- Definition
import { DTypeFlipFlop } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<DTypeFlipFlop/>
// or
import { extendStyle } from "@dinghy/base-components";
import { D_TYPE_FLIP_FLOP } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Shape
{...props}
_style={extendStyle(props, D_TYPE_FLIP_FLOP)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.logic_gates.d_type_flip-flop;',
},
_width: 100,
_height: 80,
}
D Type Flip-Flop With Clear
- Preview
- Usage
- Definition
import { DTypeFlipFlopWithClear } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<DTypeFlipFlopWithClear/>
// or
import { extendStyle } from "@dinghy/base-components";
import { D_TYPE_FLIP_FLOP_WITH_CLEAR } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Shape
{...props}
_style={extendStyle(props, D_TYPE_FLIP_FLOP_WITH_CLEAR)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.logic_gates.d_type_flip-flop_with_clear_2;',
},
_original_width: 100,
_original_height: 90,
}
D Type RS Flip-Flop
- Preview
- Usage
- Definition
import { DTypeRsFlipFlop } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<DTypeRsFlipFlop/>
// or
import { extendStyle } from "@dinghy/base-components";
import { D_TYPE_RS_FLIP_FLOP } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Shape
{...props}
_style={extendStyle(props, D_TYPE_RS_FLIP_FLOP)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.logic_gates.d_type_rs_flip-flop;',
},
_original_width: 100,
_original_height: 100,
}
Dual In-Line IC
- Preview
- Usage
- Definition

import { DualInLineIc } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<DualInLineIc/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DUAL_IN_LINE_IC } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Shape
{...props}
_style={extendStyle(props, DUAL_IN_LINE_IC)}
/>
{
_style: {
entity: 'shadow=0;dashed=0;align=center;html=1;strokeWidth=1;shape=mxgraph.electrical.logic_gates.dual_inline_ic;labelNames=a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t;whiteSpace=wrap;',
},
_width: 100,
_height: 200,
}
Inverter
- Preview
- Usage
- Definition
import { Inverter } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Inverter/>
// or
import { extendStyle } from "@dinghy/base-components";
import { INVERTER } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Shape
{...props}
_style={extendStyle(props, INVERTER)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.logic_gates.inverter_2',
},
_width: 100,
_height: 60,
}
Inverting Contact
- Preview
- Usage
- Definition
import { InvertingContact } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<InvertingContact/>
// or
import { extendStyle } from "@dinghy/base-components";
import { INVERTING_CONTACT } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Shape
{...props}
_style={extendStyle(props, INVERTING_CONTACT)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.logic_gates.inverting_contact;',
},
_original_width: 10,
_original_height: 10,
}
JK Flip-Flop
- Preview
- Usage
- Definition
import { JkFlipFlop } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<JkFlipFlop/>
// or
import { extendStyle } from "@dinghy/base-components";
import { JK_FLIP_FLOP } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Shape
{...props}
_style={extendStyle(props, JK_FLIP_FLOP)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.logic_gates.jk_flip-flop;',
},
_width: 100,
_height: 80,
}
JK Flip-Flop With Clear
- Preview
- Usage
- Definition
import { JkFlipFlopWithClear } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<JkFlipFlopWithClear/>
// or
import { extendStyle } from "@dinghy/base-components";
import { JK_FLIP_FLOP_WITH_CLEAR } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Shape
{...props}
_style={extendStyle(props, JK_FLIP_FLOP_WITH_CLEAR)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.logic_gates.jk_flip-flop_with_clear_2;',
},
_original_width: 100,
_original_height: 90,
}
JK Flip-Flop With SR
- Preview
- Usage
- Definition
import { JkFlipFlopWithSr } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<JkFlipFlopWithSr/>
// or
import { extendStyle } from "@dinghy/base-components";
import { JK_FLIP_FLOP_WITH_SR } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Shape
{...props}
_style={extendStyle(props, JK_FLIP_FLOP_WITH_SR)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.logic_gates.jk_flip-flop_with_sr;',
},
_original_width: 100,
_original_height: 100,
}
NAND
- Preview
- Usage
- Definition
import { Nand } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Nand/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NAND } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Shape
{...props}
_style={extendStyle(props, NAND)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.logic_gates.logic_gate;operation=and;negating=1;negSize=0.15;',
},
_width: 100,
_height: 60,
}
NAND (IEC)
- Preview
- Usage
- Definition
import { NandIec } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<NandIec/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NAND_IEC } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Shape
{...props}
_style={extendStyle(props, NAND_IEC)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.iec_logic_gates.nand_2;',
},
_original_width: 66,
_original_height: 80,
}
NOR
- Preview
- Usage
- Definition
import { Nor } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Nor/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NOR } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Shape
{...props}
_style={extendStyle(props, NOR)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.logic_gates.logic_gate;operation=or;negating=1;negSize=0.15;',
},
_width: 100,
_height: 60,
}
NOR (IEC)
- Preview
- Usage
- Definition
import { NorIec } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<NorIec/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NOR_IEC } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Shape
{...props}
_style={extendStyle(props, NOR_IEC)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.iec_logic_gates.nor_2;',
},
_original_width: 66,
_original_height: 80,
}
NOT (IEC)
- Preview
- Usage
- Definition
import { NotIec } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<NotIec/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NOT_IEC } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Shape
{...props}
_style={extendStyle(props, NOT_IEC)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.iec_logic_gates.not_2;',
},
_original_width: 66,
_original_height: 80,
}
OR
- Preview
- Usage
- Definition
import { Or } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Or/>
// or
import { extendStyle } from "@dinghy/base-components";
import { OR } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Shape
{...props}
_style={extendStyle(props, OR)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.logic_gates.logic_gate;operation=or;',
},
_width: 100,
_height: 60,
}
OR (IEC)
- Preview
- Usage
- Definition
import { OrIec } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<OrIec/>
// or
import { extendStyle } from "@dinghy/base-components";
import { OR_IEC } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Shape
{...props}
_style={extendStyle(props, OR_IEC)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.iec_logic_gates.or;',
},
_width: 60,
_height: 80,
}
Quad Flat Package IC
- Preview
- Usage
- Definition
import { QuadFlatPackageIc } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<QuadFlatPackageIc/>
// or
import { extendStyle } from "@dinghy/base-components";
import { QUAD_FLAT_PACKAGE_IC } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Shape
{...props}
_style={extendStyle(props, QUAD_FLAT_PACKAGE_IC)}
/>
{
_style: {
entity: 'shadow=0;dashed=0;align=center;html=1;strokeWidth=1;shape=mxgraph.electrical.logic_gates.qfp_ic;whiteSpace=wrap;labelNames=a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,a1,b1,c1,d1,e1,f1,g1,h1,i1,j1,k1,l1,m1,n1;',
},
_original_width: 200,
_original_height: 200,
}
RS Latch
- Preview
- Usage
- Definition
import { RsLatch } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<RsLatch/>
// or
import { extendStyle } from "@dinghy/base-components";
import { RS_LATCH } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Shape
{...props}
_style={extendStyle(props, RS_LATCH)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.logic_gates.rs_latch;',
},
_width: 100,
_height: 80,
}
RS Latch (Synchronous)
- Preview
- Usage
- Definition
import { RsLatchSynchronous } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<RsLatchSynchronous/>
// or
import { extendStyle } from "@dinghy/base-components";
import { RS_LATCH_SYNCHRONOUS } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Shape
{...props}
_style={extendStyle(props, RS_LATCH_SYNCHRONOUS)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.logic_gates.synchronous_rs_latch;',
},
_width: 100,
_height: 80,
}
Schmitt Trigger
- Preview
- Usage
- Definition
import { SchmittTrigger } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<SchmittTrigger/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SCHMITT_TRIGGER } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Shape
{...props}
_style={extendStyle(props, SCHMITT_TRIGGER)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.logic_gates.schmitt_trigger;',
},
_width: 100,
_height: 60,
}
T Type Flip-Flop
- Preview
- Usage
- Definition
import { TTypeFlipFlop } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<TTypeFlipFlop/>
// or
import { extendStyle } from "@dinghy/base-components";
import { T_TYPE_FLIP_FLOP } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Shape
{...props}
_style={extendStyle(props, T_TYPE_FLIP_FLOP)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.logic_gates.t_type_flip-flop;',
},
_width: 100,
_height: 80,
}
XNOR
- Preview
- Usage
- Definition
import { Xnor } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Xnor/>
// or
import { extendStyle } from "@dinghy/base-components";
import { XNOR } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Shape
{...props}
_style={extendStyle(props, XNOR)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.logic_gates.logic_gate;operation=xor;negating=1;negSize=0.15;',
},
_width: 100,
_height: 60,
}
XOR
- Preview
- Usage
- Definition
import { Xor } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Xor/>
// or
import { extendStyle } from "@dinghy/base-components";
import { XOR } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Shape
{...props}
_style={extendStyle(props, XOR)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.logic_gates.logic_gate;operation=xor;',
},
_width: 100,
_height: 60,
}
XOR (IEC)
- Preview
- Usage
- Definition
import { XorIec } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<XorIec/>
// or
import { extendStyle } from "@dinghy/base-components";
import { XOR_IEC } from '@dinghy/diagrams/entitiesElectricalLogicGates'
<Shape
{...props}
_style={extendStyle(props, XOR_IEC)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.iec_logic_gates.xor;',
},
_width: 60,
_height: 80,
}