Ibm Users Entities
Browser
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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,
}