Electrical Optical Entities
7 Segment Display
- Preview
- Usage
- Definition

import { Component7SegmentDisplay } from '@dinghy/diagrams/entitiesElectricalOptical'
<Component7SegmentDisplay/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COMPONENT_7_SEGMENT_DISPLAY } from '@dinghy/diagrams/entitiesElectricalOptical'
<Shape
{...props}
_style={extendStyle(props, COMPONENT_7_SEGMENT_DISPLAY)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.opto_electronics.7_segment_display;pointerEvents=1;',
},
_width: 74.7,
_height: 96.1,
}
7 Segment Display with DP
- Preview
- Usage
- Definition
import { Component7SegmentDisplayWithDp } from '@dinghy/diagrams/entitiesElectricalOptical'
<Component7SegmentDisplayWithDp/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COMPONENT_7_SEGMENT_DISPLAY_WITH_DP } from '@dinghy/diagrams/entitiesElectricalOptical'
<Shape
{...props}
_style={extendStyle(props, COMPONENT_7_SEGMENT_DISPLAY_WITH_DP)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.opto_electronics.7_segment_display_with_dp;pointerEvents=1;',
},
_original_width: 79.8,
_original_height: 96.9,
}
9 Segment Display
- Preview
- Usage
- Definition

import { Component9SegmentDisplay } from '@dinghy/diagrams/entitiesElectricalOptical'
<Component9SegmentDisplay/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COMPONENT_9_SEGMENT_DISPLAY } from '@dinghy/diagrams/entitiesElectricalOptical'
<Shape
{...props}
_style={extendStyle(props, COMPONENT_9_SEGMENT_DISPLAY)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.opto_electronics.9_segment_display;pointerEvents=1;',
},
_width: 74.7,
_height: 96.1,
}
9 Segment Display with DP
- Preview
- Usage
- Definition

import { Component9SegmentDisplayWithDp } from '@dinghy/diagrams/entitiesElectricalOptical'
<Component9SegmentDisplayWithDp/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COMPONENT_9_SEGMENT_DISPLAY_WITH_DP } from '@dinghy/diagrams/entitiesElectricalOptical'
<Shape
{...props}
_style={extendStyle(props, COMPONENT_9_SEGMENT_DISPLAY_WITH_DP)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.opto_electronics.9_segment_display_with_dp;pointerEvents=1;',
},
_original_width: 79.8,
_original_height: 96.9,
}
LED
- Preview
- Usage
- Definition
import { Led } from '@dinghy/diagrams/entitiesElectricalOptical'
<Led/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LED } from '@dinghy/diagrams/entitiesElectricalOptical'
<Shape
{...props}
_style={extendStyle(props, LED)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.opto_electronics.led_1;pointerEvents=1;',
},
_width: 100,
_height: 65,
}
LED 2
- Preview
- Usage
- Definition
import { Led2 } from '@dinghy/diagrams/entitiesElectricalOptical'
<Led2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LED_2 } from '@dinghy/diagrams/entitiesElectricalOptical'
<Shape
{...props}
_style={extendStyle(props, LED_2)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.opto_electronics.led_2;pointerEvents=1;',
},
_width: 100,
_height: 70,
}
Light Activated SCR
- Preview
- Usage
- Definition
import { LightActivatedScr } from '@dinghy/diagrams/entitiesElectricalOptical'
<LightActivatedScr/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LIGHT_ACTIVATED_SCR } from '@dinghy/diagrams/entitiesElectricalOptical'
<Shape
{...props}
_style={extendStyle(props, LIGHT_ACTIVATED_SCR)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.opto_electronics.light-activated_scr;pointerEvents=1;',
},
_width: 100,
_height: 70,
}
Opto-coupler
- Preview
- Usage
- Definition
import { OptoCoupler } from '@dinghy/diagrams/entitiesElectricalOptical'
<OptoCoupler/>
// or
import { extendStyle } from "@dinghy/base-components";
import { OPTO_COUPLER } from '@dinghy/diagrams/entitiesElectricalOptical'
<Shape
{...props}
_style={extendStyle(props, OPTO_COUPLER)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.opto_electronics.opto-coupler;',
},
_width: 99,
_height: 60,
}
Opto-transistor
- Preview
- Usage
- Definition

import { OptoTransistor } from '@dinghy/diagrams/entitiesElectricalOptical'
<OptoTransistor/>
// or
import { extendStyle } from "@dinghy/base-components";
import { OPTO_TRANSISTOR } from '@dinghy/diagrams/entitiesElectricalOptical'
<Shape
{...props}
_style={extendStyle(props, OPTO_TRANSISTOR)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.opto_electronics.opto-transistor;',
},
_width: 100,
_height: 110,
}
Photo Resistor
- Preview
- Usage
- Definition
import { PhotoResistor } from '@dinghy/diagrams/entitiesElectricalOptical'
<PhotoResistor/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PHOTO_RESISTOR } from '@dinghy/diagrams/entitiesElectricalOptical'
<Shape
{...props}
_style={extendStyle(props, PHOTO_RESISTOR)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.opto_electronics.photo_resistor_1;',
},
_original_width: 100,
_original_height: 90,
}
Photo Resistor 2
- Preview
- Usage
- Definition
import { PhotoResistor2 } from '@dinghy/diagrams/entitiesElectricalOptical'
<PhotoResistor2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PHOTO_RESISTOR_2 } from '@dinghy/diagrams/entitiesElectricalOptical'
<Shape
{...props}
_style={extendStyle(props, PHOTO_RESISTOR_2)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.opto_electronics.photo_resistor_2;pointerEvents=1;',
},
_width: 100,
_height: 50,
}
Photo Resistor 3
- Preview
- Usage
- Definition
import { PhotoResistor3 } from '@dinghy/diagrams/entitiesElectricalOptical'
<PhotoResistor3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PHOTO_RESISTOR_3 } from '@dinghy/diagrams/entitiesElectricalOptical'
<Shape
{...props}
_style={extendStyle(props, PHOTO_RESISTOR_3)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.opto_electronics.photo_resistor_3;',
},
_original_width: 100,
_original_height: 90,
}
Photodiode
- Preview
- Usage
- Definition
import { Photodiode } from '@dinghy/diagrams/entitiesElectricalOptical'
<Photodiode/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PHOTODIODE } from '@dinghy/diagrams/entitiesElectricalOptical'
<Shape
{...props}
_style={extendStyle(props, PHOTODIODE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.opto_electronics.photodiode;pointerEvents=1;',
},
_width: 100,
_height: 70,
}
Solar Cell
- Preview
- Usage
- Definition
import { SolarCell } from '@dinghy/diagrams/entitiesElectricalOptical'
<SolarCell/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SOLAR_CELL } from '@dinghy/diagrams/entitiesElectricalOptical'
<Shape
{...props}
_style={extendStyle(props, SOLAR_CELL)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;shape=mxgraph.electrical.opto_electronics.solar_cell;pointerEvents=1;',
},
_width: 100,
_height: 70,
}