Office Users Entities

Administrator

Preview

Usage

import { Administrator } from '@dinghy/diagrams/entitiesOfficeUsers'

<Administrator/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ADMINISTRATOR } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.administrator;',
  },
  _original_width: 58,
  _original_height: 56,

}

Approver

Preview

Usage

import { Approver } from '@dinghy/diagrams/entitiesOfficeUsers'

<Approver/>

// or

import { extendStyle } from "@dinghy/base-components";
import { APPROVER } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.approver;',
  },
  _original_width: 59,
  _original_height: 55,

}

Call Center Agent

Preview

Usage

import { CallCenterAgent } from '@dinghy/diagrams/entitiesOfficeUsers'

<CallCenterAgent/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CALL_CENTER_AGENT } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.call_center_agent;',
  },
  _original_width: 46,
  _original_height: 55,

}

Communications

Preview

Usage

import { Communications } from '@dinghy/diagrams/entitiesOfficeUsers'

<Communications/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COMMUNICATIONS } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.communications;',
  },
  _original_width: 54,
  _original_height: 58,

}

Conferencing Attendant

Preview

Usage

import { ConferencingAttendant } from '@dinghy/diagrams/entitiesOfficeUsers'

<ConferencingAttendant/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONFERENCING_ATTENDANT } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.conferencing_attendant;',
  },
  _original_width: 53,
  _original_height: 59,

}

Credentials

Preview

Usage

import { Credentials } from '@dinghy/diagrams/entitiesOfficeUsers'

<Credentials/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CREDENTIALS } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.credentials;',
  },
  _original_width: 56,
  _original_height: 58,

}

CSV File

Preview

Usage

import { CsvFile } from '@dinghy/diagrams/entitiesOfficeUsers'

<CsvFile/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CSV_FILE } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.csv_file;',
  },
  _original_width: 59,
  _original_height: 43,

}

Distribution Group

Preview

Usage

import { DistributionGroup } from '@dinghy/diagrams/entitiesOfficeUsers'

<DistributionGroup/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DISTRIBUTION_GROUP } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.distribution_group;',
  },
  _original_width: 58,
  _original_height: 59,

}

Dynamic Distribution Group

Preview

Usage

import { DynamicDistributionGroup } from '@dinghy/diagrams/entitiesOfficeUsers'

<DynamicDistributionGroup/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DYNAMIC_DISTRIBUTION_GROUP } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.dynamic_distribution_group;',
  },
  _original_width: 58,
  _original_height: 59,

}

Mail User

Preview

Usage

import { MailUser } from '@dinghy/diagrams/entitiesOfficeUsers'

<MailUser/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MAIL_USER } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.mail_user;',
  },
  _original_width: 58,
  _original_height: 59,

}

Meeting

Preview

Usage

import { Meeting } from '@dinghy/diagrams/entitiesOfficeUsers'

<Meeting/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MEETING } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.meeting;',
  },
  _width: 59,
  _height: 38,
}

Mobile User

Preview

Usage

import { MobileUser } from '@dinghy/diagrams/entitiesOfficeUsers'

<MobileUser/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MOBILE_USER } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.mobile_user;',
  },
  _original_width: 59,
  _original_height: 56,

}

On-Premises User

Preview

Usage

import { OnPremisesUser } from '@dinghy/diagrams/entitiesOfficeUsers'

<OnPremisesUser/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ON_PREMISES_USER } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.on_premises_user;',
  },
  _original_width: 49,
  _original_height: 59,

}

Online User

Preview

Usage

import { OnlineUser } from '@dinghy/diagrams/entitiesOfficeUsers'

<OnlineUser/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ONLINE_USER } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.online_user;',
  },
  _original_width: 54,
  _original_height: 43,

}

Outlook User

Preview

Usage

import { OutlookUser } from '@dinghy/diagrams/entitiesOfficeUsers'

<OutlookUser/>

// or

import { extendStyle } from "@dinghy/base-components";
import { OUTLOOK_USER } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.outlook_user;',
  },
  _original_width: 63,
  _original_height: 55,

}

Response Group

Preview

Usage

import { ResponseGroup } from '@dinghy/diagrams/entitiesOfficeUsers'

<ResponseGroup/>

// or

import { extendStyle } from "@dinghy/base-components";
import { RESPONSE_GROUP } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.response_group;',
  },
  _original_width: 58,
  _original_height: 54,

}

Role Group

Preview

Usage

import { RoleGroup } from '@dinghy/diagrams/entitiesOfficeUsers'

<RoleGroup/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ROLE_GROUP } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.role_group;',
  },
  _original_width: 59,
  _original_height: 56,

}

Skype Commercial User

Preview

Usage

import { SkypeCommercialUser } from '@dinghy/diagrams/entitiesOfficeUsers'

<SkypeCommercialUser/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SKYPE_COMMERCIAL_USER } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.skype_commercial_user;',
  },
  _original_width: 59,
  _original_height: 56,

}

Skype for Business User

Preview

Usage

import { SkypeForBusinessUser } from '@dinghy/diagrams/entitiesOfficeUsers'

<SkypeForBusinessUser/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SKYPE_FOR_BUSINESS_USER } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.skype_for_business_user;',
  },
  _original_width: 59,
  _original_height: 56,

}

Tenant Admin

Preview

Usage

import { TenantAdmin } from '@dinghy/diagrams/entitiesOfficeUsers'

<TenantAdmin/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TENANT_ADMIN } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.tenant_admin;',
  },
  _original_width: 56,
  _original_height: 58,

}

UM-Enabled User

Preview

Usage

import { UmEnabledUser } from '@dinghy/diagrams/entitiesOfficeUsers'

<UmEnabledUser/>

// or

import { extendStyle } from "@dinghy/base-components";
import { UM_ENABLED_USER } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.um_enabled_user;',
  },
  _original_width: 58,
  _original_height: 59,

}

Universal Security Group

Preview

Usage

import { UniversalSecurityGroup } from '@dinghy/diagrams/entitiesOfficeUsers'

<UniversalSecurityGroup/>

// or

import { extendStyle } from "@dinghy/base-components";
import { UNIVERSAL_SECURITY_GROUP } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.universal_security_group;',
  },
  _original_width: 58,
  _original_height: 58,

}

User

Preview

Usage

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

<User/>

// or

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

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.user;',
  },
  _original_width: 46,
  _original_height: 50,

}

User (blue)

Preview

Usage

import { UserBlue } from '@dinghy/diagrams/entitiesOfficeUsers'

<UserBlue/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USER_BLUE } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.user;fillColor=#2072B8;',
  },
  _original_width: 46,
  _original_height: 50,

}

User (ghosted)

Preview

Usage

import { UserGhosted } from '@dinghy/diagrams/entitiesOfficeUsers'

<UserGhosted/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USER_GHOSTED } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.user;fillColor=#CCCBCB;',
  },
  _original_width: 46,
  _original_height: 50,

}

User (green)

Preview

Usage

import { UserGreen } from '@dinghy/diagrams/entitiesOfficeUsers'

<UserGreen/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USER_GREEN } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.user;fillColor=#7FBA42;',
  },
  _original_width: 46,
  _original_height: 50,

}

User (orange)

Preview

Usage

import { UserOrange } from '@dinghy/diagrams/entitiesOfficeUsers'

<UserOrange/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USER_ORANGE } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.user;fillColor=#DA4026;',
  },
  _original_width: 46,
  _original_height: 50,

}

User Accounts

Preview

Usage

import { UserAccounts } from '@dinghy/diagrams/entitiesOfficeUsers'

<UserAccounts/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USER_ACCOUNTS } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.user_accounts;',
  },
  _original_width: 59,
  _original_height: 59,

}

User External

Preview

Usage

import { UserExternal } from '@dinghy/diagrams/entitiesOfficeUsers'

<UserExternal/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USER_EXTERNAL } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.user_external;',
  },
  _original_width: 59,
  _original_height: 50,

}

User Services

Preview

Usage

import { UserServices } from '@dinghy/diagrams/entitiesOfficeUsers'

<UserServices/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USER_SERVICES } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.user_services;',
  },
  _original_width: 59,
  _original_height: 59,

}

User Store

Preview

Usage

import { UserStore } from '@dinghy/diagrams/entitiesOfficeUsers'

<UserStore/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USER_STORE } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.user_store;',
  },
  _original_width: 50,
  _original_height: 55,

}

Users

Preview

Usage

import { Users } from '@dinghy/diagrams/entitiesOfficeUsers'

<Users/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USERS } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.users;',
  },
  _original_width: 46,
  _original_height: 50,

}

Users (blue)

Preview

Usage

import { UsersBlue } from '@dinghy/diagrams/entitiesOfficeUsers'

<UsersBlue/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USERS_BLUE } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.users;fillColor=#2072B8;',
  },
  _original_width: 46,
  _original_height: 50,

}

Users (ghosted)

Preview

Usage

import { UsersGhosted } from '@dinghy/diagrams/entitiesOfficeUsers'

<UsersGhosted/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USERS_GHOSTED } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.users;fillColor=#CCCBCB;',
  },
  _original_width: 46,
  _original_height: 50,

}

Users (green)

Preview

Usage

import { UsersGreen } from '@dinghy/diagrams/entitiesOfficeUsers'

<UsersGreen/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USERS_GREEN } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.users;fillColor=#7FBA42;',
  },
  _original_width: 46,
  _original_height: 50,

}

Users (orange)

Preview

Usage

import { UsersOrange } from '@dinghy/diagrams/entitiesOfficeUsers'

<UsersOrange/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USERS_ORANGE } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.users;fillColor=#DA4026;',
  },
  _original_width: 46,
  _original_height: 50,

}

Users, Two

Preview

Usage

import { UsersTwo } from '@dinghy/diagrams/entitiesOfficeUsers'

<UsersTwo/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USERS_TWO } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.users_two;',
  },
  _original_width: 57,
  _original_height: 43,

}

Users, Two (blue)

Preview

Usage

import { UsersTwoBlue } from '@dinghy/diagrams/entitiesOfficeUsers'

<UsersTwoBlue/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USERS_TWO_BLUE } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.users_two;fillColor=#2072B8;',
  },
  _original_width: 57,
  _original_height: 43,

}

Users, Two (ghosted)

Preview

Usage

import { UsersTwoGhosted } from '@dinghy/diagrams/entitiesOfficeUsers'

<UsersTwoGhosted/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USERS_TWO_GHOSTED } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.users_two;fillColor=#CCCBCB;',
  },
  _original_width: 57,
  _original_height: 43,

}

Users, Two (green)

Preview

Usage

import { UsersTwoGreen } from '@dinghy/diagrams/entitiesOfficeUsers'

<UsersTwoGreen/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USERS_TWO_GREEN } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.users_two;fillColor=#7FBA42;',
  },
  _original_width: 57,
  _original_height: 43,

}

Users, Two (orange)

Preview

Usage

import { UsersTwoOrange } from '@dinghy/diagrams/entitiesOfficeUsers'

<UsersTwoOrange/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USERS_TWO_ORANGE } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.users_two;fillColor=#DA4026;',
  },
  _original_width: 57,
  _original_height: 43,

}

Writer

Preview

Usage

import { Writer } from '@dinghy/diagrams/entitiesOfficeUsers'

<Writer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WRITER } from '@dinghy/diagrams/entitiesOfficeUsers'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.users.writer;',
  },
  _original_width: 54,
  _original_height: 59,

}