Aws18 Illustrations Entities
desktop
- Preview
- Usage
- Definition
import { Desktop } from '@dinghy/diagrams/entitiesAws18Illustrations'
<Desktop/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DESKTOP } from '@dinghy/diagrams/entitiesAws18Illustrations'
<Shape
{...props}
_style={extendStyle(props, DESKTOP)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;gradientColor=none;fontColor=#545B64;strokeColor=none;fillColor=#879196;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.illustration_desktop;pointerEvents=1',
},
_original_width: 100,
_original_height: 91,
}
devices
- Preview
- Usage
- Definition
import { Devices } from '@dinghy/diagrams/entitiesAws18Illustrations'
<Devices/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DEVICES } from '@dinghy/diagrams/entitiesAws18Illustrations'
<Shape
{...props}
_style={extendStyle(props, DEVICES)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;gradientColor=none;fontColor=#545B64;strokeColor=none;fillColor=#879196;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.illustration_devices;pointerEvents=1',
},
_width: 100,
_height: 73,
}
notification
- Preview
- Usage
- Definition
import { Notification } from '@dinghy/diagrams/entitiesAws18Illustrations'
<Notification/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NOTIFICATION } from '@dinghy/diagrams/entitiesAws18Illustrations'
<Shape
{...props}
_style={extendStyle(props, NOTIFICATION)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;gradientColor=none;fontColor=#545B64;strokeColor=none;fillColor=#879196;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.illustration_notification;pointerEvents=1',
},
_original_width: 100,
_original_height: 81,
}
office building
- Preview
- Usage
- Definition
import { OfficeBuilding } from '@dinghy/diagrams/entitiesAws18Illustrations'
<OfficeBuilding/>
// or
import { extendStyle } from "@dinghy/base-components";
import { OFFICE_BUILDING } from '@dinghy/diagrams/entitiesAws18Illustrations'
<Shape
{...props}
_style={extendStyle(props, OFFICE_BUILDING)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;gradientColor=none;fontColor=#545B64;strokeColor=none;fillColor=#879196;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.illustration_office_building;pointerEvents=1',
},
_width: 100,
_height: 71,
}
users
- Preview
- Usage
- Definition
import { Users } from '@dinghy/diagrams/entitiesAws18Illustrations'
<Users/>
// or
import { extendStyle } from "@dinghy/base-components";
import { USERS } from '@dinghy/diagrams/entitiesAws18Illustrations'
<Shape
{...props}
_style={extendStyle(props, USERS)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;gradientColor=none;fontColor=#545B64;strokeColor=none;fillColor=#879196;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.illustration_users;pointerEvents=1',
},
_original_width: 100,
_original_height: 100,
}