Ibm Users Entities

Browser

Preview

Usage

import { Browser } from '@dinghy/diagrams/entitiesIbmUsers'

<Browser/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BROWSER } from '@dinghy/diagrams/entitiesIbmUsers'

<Shape 
  {...props}
  _style={extendStyle(props, BROWSER)}
  />

Definition

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/users/browser.svg;strokeColor=none;',
  },
  _original_width: 60,
  _original_height: 60,

}

Device

Preview

Usage

import { Device } from '@dinghy/diagrams/entitiesIbmUsers'

<Device/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DEVICE } from '@dinghy/diagrams/entitiesIbmUsers'

<Shape 
  {...props}
  _style={extendStyle(props, DEVICE)}
  />

Definition

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/users/device.svg;strokeColor=none;',
  },
  _original_width: 60,
  _original_height: 60,

}

Integrated Digital Experiences

Preview

Usage

import { IntegratedDigitalExperiences } from '@dinghy/diagrams/entitiesIbmUsers'

<IntegratedDigitalExperiences/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INTEGRATED_DIGITAL_EXPERIENCES } from '@dinghy/diagrams/entitiesIbmUsers'

<Shape 
  {...props}
  _style={extendStyle(props, INTEGRATED_DIGITAL_EXPERIENCES)}
  />

Definition

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/users/integrated_digital_experiences.svg;strokeColor=none;',
  },
  _original_width: 60,
  _original_height: 60,

}

Physical Entity

Preview

Usage

import { PhysicalEntity } from '@dinghy/diagrams/entitiesIbmUsers'

<PhysicalEntity/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PHYSICAL_ENTITY } from '@dinghy/diagrams/entitiesIbmUsers'

<Shape 
  {...props}
  _style={extendStyle(props, PHYSICAL_ENTITY)}
  />

Definition

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/users/physical_entity.svg;strokeColor=none;',
  },
  _original_width: 60,
  _original_height: 60,

}

Sensor

Preview

Usage

import { Sensor } from '@dinghy/diagrams/entitiesIbmUsers'

<Sensor/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SENSOR } from '@dinghy/diagrams/entitiesIbmUsers'

<Shape 
  {...props}
  _style={extendStyle(props, SENSOR)}
  />

Definition

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/users/sensor.svg;strokeColor=none;',
  },
  _original_width: 60,
  _original_height: 60,

}

User

Preview

Usage

import { User } from '@dinghy/diagrams/entitiesIbmUsers'

<User/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USER } from '@dinghy/diagrams/entitiesIbmUsers'

<Shape 
  {...props}
  _style={extendStyle(props, USER)}
  />

Definition

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/users/user.svg;strokeColor=none;',
  },
  _original_width: 60,
  _original_height: 60,

}