Ibm Groups Containers
Access Group
- Preview
- Usage
- Definition
import { AccessGroup } from '@dinghy/diagrams/containersIbmCloudGroups'
<AccessGroup/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ACCESS_GROUP } from '@dinghy/diagrams/containersIbmCloudGroups'
<Shape
{...props}
_style={extendStyle(props, ACCESS_GROUP)}
/>
{
_style: {
container: 'container=1;collapsible=0;expand=0;recursiveResize=0;html=1;whiteSpace=wrap;strokeColor=#FA4D56;fillColor=none;dashed=1;dashPattern=1 3;strokeWidth=2',
entity:{
strokeColor:'#FA4D56',},
},
}
Authorization Boundary
- Preview
- Usage
- Definition
import { AuthorizationBoundary } from '@dinghy/diagrams/containersIbmCloudGroups'
<AuthorizationBoundary/>
// or
import { extendStyle } from "@dinghy/base-components";
import { AUTHORIZATION_BOUNDARY } from '@dinghy/diagrams/containersIbmCloudGroups'
<Shape
{...props}
_style={extendStyle(props, AUTHORIZATION_BOUNDARY)}
/>
{
_style: {
container: 'container=1;collapsible=0;expand=0;recursiveResize=0;html=1;whiteSpace=wrap;strokeColor=#FA4D56;fillColor=none;strokeWidth=2',
entity:{
strokeColor:'#FA4D56',},
},
}
Availability Zone
- Preview
- Usage
- Definition
import { AvailabilityZone } from '@dinghy/diagrams/containersIbmCloudGroups'
<AvailabilityZone/>
// or
import { extendStyle } from "@dinghy/base-components";
import { AVAILABILITY_ZONE } from '@dinghy/diagrams/containersIbmCloudGroups'
<Shape
{...props}
_style={extendStyle(props, AVAILABILITY_ZONE)}
/>
{
_style: {
container: 'container=1;collapsible=0;expand=0;recursiveResize=0;html=1;whiteSpace=wrap;strokeColor=#878D96;fillColor=none;dashed=1;dashPattern=1 3;strokeWidth=2',
entity:{
strokeColor:'#878D96',},
},
}
Expanded Application
- Preview
- Usage
- Definition
import { ExpandedApplication } from '@dinghy/diagrams/containersIbmCloudGroups'
<ExpandedApplication/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EXPANDED_APPLICATION } from '@dinghy/diagrams/containersIbmCloudGroups'
<Shape
{...props}
_style={extendStyle(props, EXPANDED_APPLICATION)}
/>
{
_style: {
container: 'container=1;collapsible=0;expand=0;recursiveResize=0;html=1;whiteSpace=wrap;strokeColor=#A56EFF;fillColor=none;',
entity:{
strokeColor:'#A56EFF',},
},
}
Expanded Virtual Server
- Preview
- Usage
- Definition
import { ExpandedVirtualServer } from '@dinghy/diagrams/containersIbmCloudGroups'
<ExpandedVirtualServer/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EXPANDED_VIRTUAL_SERVER } from '@dinghy/diagrams/containersIbmCloudGroups'
<Shape
{...props}
_style={extendStyle(props, EXPANDED_VIRTUAL_SERVER)}
/>
{
_style: {
container: 'container=1;collapsible=0;expand=0;recursiveResize=0;html=1;whiteSpace=wrap;strokeColor=#198038;fillColor=none;',
entity:{
strokeColor:'#198038',},
},
}
IBM Cloud
- Preview
- Usage
- Definition
import { IbmCloud } from '@dinghy/diagrams/containersIbmCloudGroups'
<IbmCloud/>
// or
import { extendStyle } from "@dinghy/base-components";
import { IBM_CLOUD } from '@dinghy/diagrams/containersIbmCloudGroups'
<Shape
{...props}
_style={extendStyle(props, IBM_CLOUD)}
/>
{
_style: {
container: 'container=1;collapsible=0;expand=0;recursiveResize=0;html=1;whiteSpace=wrap;strokeColor=#1192E8;fillColor=none;strokeWidth=1',
entity:{
strokeColor:'#1192E8',},
},
}
Instance Group
- Preview
- Usage
- Definition
import { InstanceGroup } from '@dinghy/diagrams/containersIbmCloudGroups'
<InstanceGroup/>
// or
import { extendStyle } from "@dinghy/base-components";
import { INSTANCE_GROUP } from '@dinghy/diagrams/containersIbmCloudGroups'
<Shape
{...props}
_style={extendStyle(props, INSTANCE_GROUP)}
/>
{
_style: {
container: 'container=1;collapsible=0;expand=0;recursiveResize=0;html=1;whiteSpace=wrap;strokeColor=#198038;fillColor=none;dashed=1;dashPattern=1 3;strokeWidth=2',
entity:{
strokeColor:'#198038',},
},
}
OpenShift
- Preview
- Usage
- Definition
import { Openshift } from '@dinghy/diagrams/containersIbmCloudGroups'
<Openshift/>
// or
import { extendStyle } from "@dinghy/base-components";
import { OPENSHIFT } from '@dinghy/diagrams/containersIbmCloudGroups'
<Shape
{...props}
_style={extendStyle(props, OPENSHIFT)}
/>
{
_style: {
container: 'container=1;collapsible=0;expand=0;recursiveResize=0;html=1;whiteSpace=wrap;strokeColor=#198038;fillColor=none;strokeWidth=1',
entity:{
strokeColor:'#198038',},
},
}
Point of Presence
- Preview
- Usage
- Definition
import { PointOfPresence } from '@dinghy/diagrams/containersIbmCloudGroups'
<PointOfPresence/>
// or
import { extendStyle } from "@dinghy/base-components";
import { POINT_OF_PRESENCE } from '@dinghy/diagrams/containersIbmCloudGroups'
<Shape
{...props}
_style={extendStyle(props, POINT_OF_PRESENCE)}
/>
{
_style: {
container: 'container=1;collapsible=0;expand=0;recursiveResize=0;html=1;whiteSpace=wrap;strokeColor=#878D96;fillColor=none;strokeWidth=1',
entity:{
strokeColor:'#878D96',},
},
}
watsonx
- Preview
- Usage
- Definition
import { Watsonx } from '@dinghy/diagrams/containersIbmCloudGroups'
<Watsonx/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WATSONX } from '@dinghy/diagrams/containersIbmCloudGroups'
<Shape
{...props}
_style={extendStyle(props, WATSONX)}
/>
{
_style: {
container: 'container=1;collapsible=0;expand=0;recursiveResize=0;html=1;whiteSpace=wrap;strokeColor=#A56EFF;fillColor=none;strokeWidth=1',
entity:{
strokeColor:'#A56EFF',},
},
}