Electrical Optical Entities

7 Segment Display

Preview

Usage

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)}
  />

Definition

{
  _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

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)}
  />

Definition

{
  _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

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)}
  />

Definition

{
  _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

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)}
  />

Definition

{
  _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

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)}
  />

Definition

{
  _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

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)}
  />

Definition

{
  _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

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)}
  />

Definition

{
  _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

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)}
  />

Definition

{
  _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

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)}
  />

Definition

{
  _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

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)}
  />

Definition

{
  _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

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)}
  />

Definition

{
  _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

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)}
  />

Definition

{
  _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

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)}
  />

Definition

{
  _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

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)}
  />

Definition

{
  _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,
}