Ibm Social Entities
Communities
- Preview
- Usage
- Definition
import { Communities } from '@dinghy/diagrams/entitiesIbmSocial'
<Communities/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COMMUNITIES } from '@dinghy/diagrams/entitiesIbmSocial'
<Shape
{...props}
_style={extendStyle(props, COMMUNITIES)}
/>
{
_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/social/communities.svg;strokeColor=none;',
},
_original_width: 60,
_original_height: 60,
}
File Sync
- Preview
- Usage
- Definition
import { FileSync } from '@dinghy/diagrams/entitiesIbmSocial'
<FileSync/>
// or
import { extendStyle } from "@dinghy/base-components";
import { FILE_SYNC } from '@dinghy/diagrams/entitiesIbmSocial'
<Shape
{...props}
_style={extendStyle(props, FILE_SYNC)}
/>
{
_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/social/file_sync.svg;strokeColor=none;',
},
_original_width: 60,
_original_height: 60,
}
Live Collaboration
- Preview
- Usage
- Definition
import { LiveCollaboration } from '@dinghy/diagrams/entitiesIbmSocial'
<LiveCollaboration/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LIVE_COLLABORATION } from '@dinghy/diagrams/entitiesIbmSocial'
<Shape
{...props}
_style={extendStyle(props, LIVE_COLLABORATION)}
/>
{
_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/social/live_collaboration.svg;strokeColor=none;',
},
_original_width: 60,
_original_height: 60,
}
Messaging
- Preview
- Usage
- Definition
import { Messaging } from '@dinghy/diagrams/entitiesIbmSocial'
<Messaging/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGING } from '@dinghy/diagrams/entitiesIbmSocial'
<Shape
{...props}
_style={extendStyle(props, MESSAGING)}
/>
{
_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/social/messaging.svg;strokeColor=none;',
},
_original_width: 60,
_original_height: 60,
}
Networking
- Preview
- Usage
- Definition
import { Networking } from '@dinghy/diagrams/entitiesIbmSocial'
<Networking/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NETWORKING } from '@dinghy/diagrams/entitiesIbmSocial'
<Shape
{...props}
_style={extendStyle(props, NETWORKING)}
/>
{
_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/social/networking.svg;strokeColor=none;',
},
_original_width: 60,
_original_height: 60,
}