Office Concepts Entities

Address Book

Preview
Usage
Definition

import { AddressBook } from '@dinghy/diagrams/entitiesOfficeConcepts'

<AddressBook/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ADDRESS_BOOK } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.address_book;',
  },
  _original_width: 55,
  _original_height: 44,

}

Anti-Spam

Preview
Usage
Definition

import { AntiSpam } from '@dinghy/diagrams/entitiesOfficeConcepts'

<AntiSpam/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ANTI_SPAM } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.anti_spam;',
  },
  _original_width: 55,
  _original_height: 47,

}

App for Office

Preview
Usage
Definition

import { AppForOffice } from '@dinghy/diagrams/entitiesOfficeConcepts'

<AppForOffice/>

// or

import { extendStyle } from "@dinghy/base-components";
import { APP_FOR_OFFICE } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.app_for_office;',
  },
  _original_width: 53,
  _original_height: 40,

}

App For SharePoint

Preview
Usage
Definition

import { AppForSharepoint } from '@dinghy/diagrams/entitiesOfficeConcepts'

<AppForSharepoint/>

// or

import { extendStyle } from "@dinghy/base-components";
import { APP_FOR_SHAREPOINT } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.app_for_sharepoint;',
  },
  _original_width: 53,
  _original_height: 40,

}

App Part

Preview
Usage
Definition

import { AppPart } from '@dinghy/diagrams/entitiesOfficeConcepts'

<AppPart/>

// or

import { extendStyle } from "@dinghy/base-components";
import { APP_PART } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.app_part;',
  },
  _original_width: 46,
  _original_height: 45,

}

Application Android

Preview
Usage
Definition

import { ApplicationAndroid } from '@dinghy/diagrams/entitiesOfficeConcepts'

<ApplicationAndroid/>

// or

import { extendStyle } from "@dinghy/base-components";
import { APPLICATION_ANDROID } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.application_android;',
  },
  _original_width: 60,
  _original_height: 51,

}

Application Generic

Preview
Usage
Definition

import { ApplicationGeneric } from '@dinghy/diagrams/entitiesOfficeConcepts'

<ApplicationGeneric/>

// or

import { extendStyle } from "@dinghy/base-components";
import { APPLICATION_GENERIC } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.application_generic;',
  },
  _original_width: 53,
  _original_height: 40,

}

Application Hybrid

Preview
Usage
Definition

import { ApplicationHybrid } from '@dinghy/diagrams/entitiesOfficeConcepts'

<ApplicationHybrid/>

// or

import { extendStyle } from "@dinghy/base-components";
import { APPLICATION_HYBRID } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.application_hybrid;',
  },
  _original_width: 59,
  _original_height: 44,

}

Application iOS

Preview
Usage
Definition

import { ApplicationIos } from '@dinghy/diagrams/entitiesOfficeConcepts'

<ApplicationIos/>

// or

import { extendStyle } from "@dinghy/base-components";
import { APPLICATION_IOS } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.application_ios;',
  },
  _original_width: 59,
  _original_height: 49,

}

Application Web

Preview
Usage
Definition

import { ApplicationWeb } from '@dinghy/diagrams/entitiesOfficeConcepts'

<ApplicationWeb/>

// or

import { extendStyle } from "@dinghy/base-components";
import { APPLICATION_WEB } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.application_web;',
  },
  _original_width: 56,
  _original_height: 49,

}

Application Windows

Preview
Usage
Definition

import { ApplicationWindows } from '@dinghy/diagrams/entitiesOfficeConcepts'

<ApplicationWindows/>

// or

import { extendStyle } from "@dinghy/base-components";
import { APPLICATION_WINDOWS } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.application_windows;',
  },
  _original_width: 59,
  _original_height: 47,

}

Attachment

Preview
Usage
Definition

import { Attachment } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Attachment/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ATTACHMENT } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.attachment;',
  },
  _width: 22,
  _height: 44,
}

Backup Local

Preview
Usage
Definition

import { BackupLocal } from '@dinghy/diagrams/entitiesOfficeConcepts'

<BackupLocal/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BACKUP_LOCAL } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.backup_local;',
  },
  _original_width: 48,
  _original_height: 44,

}

Backup Online

Preview
Usage
Definition

import { BackupOnline } from '@dinghy/diagrams/entitiesOfficeConcepts'

<BackupOnline/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BACKUP_ONLINE } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.backup_online;',
  },
  _original_width: 55,
  _original_height: 60,

}

Bandwidth

Preview
Usage
Definition

import { Bandwidth } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Bandwidth/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BANDWIDTH } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.bandwidth;',
  },
  _original_width: 45,
  _original_height: 45,

}

Bandwidth Calculator

Preview
Usage
Definition

import { BandwidthCalculator } from '@dinghy/diagrams/entitiesOfficeConcepts'

<BandwidthCalculator/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BANDWIDTH_CALCULATOR } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.bandwidth_calculator;',
  },
  _original_width: 49,
  _original_height: 53,

}

Best Practices

Preview
Usage
Definition

import { BestPractices } from '@dinghy/diagrams/entitiesOfficeConcepts'

<BestPractices/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BEST_PRACTICES } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.best_practices;',
  },
  _original_width: 53,
  _original_height: 53,

}

Book, Journal

Preview
Usage
Definition

import { BookJournal } from '@dinghy/diagrams/entitiesOfficeConcepts'

<BookJournal/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BOOK_JOURNAL } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.book_journal;',
  },
  _original_width: 41,
  _original_height: 49,

}

Calculator

Preview
Usage
Definition

import { Calculator } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Calculator/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CALCULATOR } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.calculator;',
  },
  _width: 32,
  _height: 46,
}

Calendar

Preview
Usage
Definition

import { Calendar } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Calendar/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CALENDAR } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.calendar;',
  },
  _original_width: 53,
  _original_height: 49,

}

Clipboard

Preview
Usage
Definition

import { Clipboard } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Clipboard/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLIPBOARD } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.clipboard;',
  },
  _original_width: 40,
  _original_height: 52,

}

Clock

Preview
Usage
Definition

import { Clock } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Clock/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLOCK } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.clock;',
  },
  _original_width: 45,
  _original_height: 45,

}

Column

Preview
Usage
Definition

import { Column } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Column/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COLUMN } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.column;',
  },
  _original_width: 52,
  _original_height: 43,

}

Connector

Preview
Usage
Definition

import { Connector } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Connector/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONNECTOR } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.connector;',
  },
  _width: 44,
  _height: 32,
}

Contacts

Preview
Usage
Definition

import { Contacts } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Contacts/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONTACTS } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.contacts;',
  },
  _width: 53,
  _height: 39,
}

Content Type

Preview
Usage
Definition

import { ContentType } from '@dinghy/diagrams/entitiesOfficeConcepts'

<ContentType/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONTENT_TYPE } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.content_type;',
  },
  _original_width: 53,
  _original_height: 40,

}

Credit Card

Preview
Usage
Definition

import { CreditCard } from '@dinghy/diagrams/entitiesOfficeConcepts'

<CreditCard/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CREDIT_CARD } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.credit_card;',
  },
  _width: 55,
  _height: 36,
}

Document

Preview
Usage
Definition

import { Document } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Document/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DOCUMENT } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.document;',
  },
  _original_width: 40,
  _original_height: 47,

}

Document Blank

Preview
Usage
Definition

import { DocumentBlank } from '@dinghy/diagrams/entitiesOfficeConcepts'

<DocumentBlank/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DOCUMENT_BLANK } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.document_blank;',
  },
  _original_width: 40,
  _original_height: 47,

}

Document Shared

Preview
Usage
Definition

import { DocumentShared } from '@dinghy/diagrams/entitiesOfficeConcepts'

<DocumentShared/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DOCUMENT_SHARED } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.document_shared;',
  },
  _original_width: 52,
  _original_height: 53,

}

Documents

Preview
Usage
Definition

import { Documents } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Documents/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DOCUMENTS } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.documents;',
  },
  _original_width: 46,
  _original_height: 54,

}

Documents Shared

Preview
Usage
Definition

import { DocumentsShared } from '@dinghy/diagrams/entitiesOfficeConcepts'

<DocumentsShared/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DOCUMENTS_SHARED } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.documents_shared;',
  },
  _original_width: 58,
  _original_height: 59,

}

Download

Preview
Usage
Definition

import { Download } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Download/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DOWNLOAD } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.download;',
  },
  _original_width: 48,
  _original_height: 56,

}

Email

Preview
Usage
Definition

import { Email } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Email/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EMAIL } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.email;',
  },
  _width: 47,
  _height: 36,
}

Email Approved

Preview
Usage
Definition

import { EmailApproved } from '@dinghy/diagrams/entitiesOfficeConcepts'

<EmailApproved/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EMAIL_APPROVED } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.email_approved;',
  },
  _original_width: 56,
  _original_height: 46,

}

Email Expired

Preview
Usage
Definition

import { EmailExpired } from '@dinghy/diagrams/entitiesOfficeConcepts'

<EmailExpired/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EMAIL_EXPIRED } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.email_expired;',
  },
  _original_width: 56,
  _original_height: 46,

}

Email Rejected

Preview
Usage
Definition

import { EmailRejected } from '@dinghy/diagrams/entitiesOfficeConcepts'

<EmailRejected/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EMAIL_REJECTED } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.email_rejected;',
  },
  _original_width: 55,
  _original_height: 45,

}

File Key

Preview
Usage
Definition

import { FileKey } from '@dinghy/diagrams/entitiesOfficeConcepts'

<FileKey/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FILE_KEY } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.file_key;',
  },
  _original_width: 48,
  _original_height: 53,

}

Firewall

Preview
Usage
Definition

import { Firewall } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Firewall/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FIREWALL } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.firewall;',
  },
  _original_width: 47,
  _original_height: 43,

}

Firewall (blue)

Preview
Usage
Definition

import { FirewallBlue } from '@dinghy/diagrams/entitiesOfficeConcepts'

<FirewallBlue/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FIREWALL_BLUE } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.firewall;fillColor=#2072B8;',
  },
  _original_width: 47,
  _original_height: 43,

}

Firewall (ghosted)

Preview
Usage
Definition

import { FirewallGhosted } from '@dinghy/diagrams/entitiesOfficeConcepts'

<FirewallGhosted/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FIREWALL_GHOSTED } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.firewall;fillColor=#CCCBCB;',
  },
  _original_width: 47,
  _original_height: 43,

}

Firewall (green)

Preview
Usage
Definition

import { FirewallGreen } from '@dinghy/diagrams/entitiesOfficeConcepts'

<FirewallGreen/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FIREWALL_GREEN } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.firewall;fillColor=#7FBA42;',
  },
  _original_width: 47,
  _original_height: 43,

}

Firewall (orange)

Preview
Usage
Definition

import { FirewallOrange } from '@dinghy/diagrams/entitiesOfficeConcepts'

<FirewallOrange/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FIREWALL_ORANGE } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.firewall;fillColor=#DA4026;',
  },
  _original_width: 47,
  _original_height: 43,

}

Folder

Preview
Usage
Definition

import { Folder } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Folder/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FOLDER } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.folder;',
  },
  _original_width: 50,
  _original_height: 45,

}

Folder (blue)

Preview
Usage
Definition

import { FolderBlue } from '@dinghy/diagrams/entitiesOfficeConcepts'

<FolderBlue/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FOLDER_BLUE } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.folder;fillColor=#2072B8;',
  },
  _original_width: 50,
  _original_height: 45,

}

Folder (ghosted)

Preview
Usage
Definition

import { FolderGhosted } from '@dinghy/diagrams/entitiesOfficeConcepts'

<FolderGhosted/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FOLDER_GHOSTED } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.folder;fillColor=#CCCBCB;',
  },
  _original_width: 50,
  _original_height: 45,

}

Folder (green)

Preview
Usage
Definition

import { FolderGreen } from '@dinghy/diagrams/entitiesOfficeConcepts'

<FolderGreen/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FOLDER_GREEN } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.folder;fillColor=#7FBA42;',
  },
  _original_width: 50,
  _original_height: 45,

}

Folder (orange)

Preview
Usage
Definition

import { FolderOrange } from '@dinghy/diagrams/entitiesOfficeConcepts'

<FolderOrange/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FOLDER_ORANGE } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.folder;fillColor=#DA4026;',
  },
  _original_width: 50,
  _original_height: 45,

}

Folder, Open

Preview
Usage
Definition

import { FolderOpen } from '@dinghy/diagrams/entitiesOfficeConcepts'

<FolderOpen/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FOLDER_OPEN } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.folder_open;',
  },
  _original_width: 56,
  _original_height: 43,

}

Folder, Public

Preview
Usage
Definition

import { FolderPublic } from '@dinghy/diagrams/entitiesOfficeConcepts'

<FolderPublic/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FOLDER_PUBLIC } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.folder_public;',
  },
  _original_width: 58,
  _original_height: 52,

}

Folder, Shared

Preview
Usage
Definition

import { FolderShared } from '@dinghy/diagrams/entitiesOfficeConcepts'

<FolderShared/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FOLDER_SHARED } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.folder_shared;',
  },
  _original_width: 54,
  _original_height: 52,

}

Folders

Preview
Usage
Definition

import { Folders } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Folders/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FOLDERS } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.folders;',
  },
  _original_width: 57,
  _original_height: 53,

}

Form

Preview
Usage
Definition

import { Form } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Form/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FORM } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.form;',
  },
  _original_width: 56,
  _original_height: 49,

}

Get Started

Preview
Usage
Definition

import { GetStarted } from '@dinghy/diagrams/entitiesOfficeConcepts'

<GetStarted/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GET_STARTED } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.get_started;',
  },
  _original_width: 42,
  _original_height: 52,

}

Globe, Internet

Preview
Usage
Definition

import { GlobeInternet } from '@dinghy/diagrams/entitiesOfficeConcepts'

<GlobeInternet/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GLOBE_INTERNET } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.globe_internet;',
  },
  _original_width: 49,
  _original_height: 49,

}

Help

Preview
Usage
Definition

import { Help } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Help/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HELP } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.help;',
  },
  _original_width: 49,
  _original_height: 49,

}

Home

Preview
Usage
Definition

import { Home } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Home/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HOME } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.home;',
  },
  _original_width: 51,
  _original_height: 50,

}

Home (blue)

Preview
Usage
Definition

import { HomeBlue } from '@dinghy/diagrams/entitiesOfficeConcepts'

<HomeBlue/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HOME_BLUE } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.home;fillColor=#2072B8;',
  },
  _original_width: 51,
  _original_height: 50,

}

Home (ghosted)

Preview
Usage
Definition

import { HomeGhosted } from '@dinghy/diagrams/entitiesOfficeConcepts'

<HomeGhosted/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HOME_GHOSTED } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.home;fillColor=#CCCBCB;',
  },
  _original_width: 51,
  _original_height: 50,

}

Home (green)

Preview
Usage
Definition

import { HomeGreen } from '@dinghy/diagrams/entitiesOfficeConcepts'

<HomeGreen/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HOME_GREEN } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.home;fillColor=#7FBA42;',
  },
  _original_width: 51,
  _original_height: 50,

}

Home (orange)

Preview
Usage
Definition

import { HomeOrange } from '@dinghy/diagrams/entitiesOfficeConcepts'

<HomeOrange/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HOME_ORANGE } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.home;fillColor=#DA4026;',
  },
  _original_width: 51,
  _original_height: 50,

}

Home Page

Preview
Usage
Definition

import { HomePage } from '@dinghy/diagrams/entitiesOfficeConcepts'

<HomePage/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HOME_PAGE } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.home_page;',
  },
  _original_width: 53,
  _original_height: 43,

}

Home Page (blue)

Preview
Usage
Definition

import { HomePageBlue } from '@dinghy/diagrams/entitiesOfficeConcepts'

<HomePageBlue/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HOME_PAGE_BLUE } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.home_page;fillColor=#2072B8;',
  },
  _original_width: 53,
  _original_height: 43,

}

Home Page (ghosted)

Preview
Usage
Definition

import { HomePageGhosted } from '@dinghy/diagrams/entitiesOfficeConcepts'

<HomePageGhosted/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HOME_PAGE_GHOSTED } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.home_page;fillColor=#CCCBCB;',
  },
  _original_width: 53,
  _original_height: 43,

}

Home Page (green)

Preview
Usage
Definition

import { HomePageGreen } from '@dinghy/diagrams/entitiesOfficeConcepts'

<HomePageGreen/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HOME_PAGE_GREEN } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.home_page;fillColor=#7FBA42;',
  },
  _original_width: 53,
  _original_height: 43,

}

Home Page (orange)

Preview
Usage
Definition

import { HomePageOrange } from '@dinghy/diagrams/entitiesOfficeConcepts'

<HomePageOrange/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HOME_PAGE_ORANGE } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.home_page;fillColor=#DA4026;',
  },
  _original_width: 53,
  _original_height: 43,

}

Hybrid

Preview
Usage
Definition

import { Hybrid } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Hybrid/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HYBRID } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.hybrid;',
  },
  _original_width: 58,
  _original_height: 52,

}

Input Output Filter

Preview
Usage
Definition

import { InputOutputFilter } from '@dinghy/diagrams/entitiesOfficeConcepts'

<InputOutputFilter/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INPUT_OUTPUT_FILTER } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.input_output_filter;',
  },
  _original_width: 46,
  _original_height: 46,

}

Install

Preview
Usage
Definition

import { Install } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Install/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INSTALL } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.install;',
  },
  _original_width: 45,
  _original_height: 52,

}

Integration

Preview
Usage
Definition

import { Integration } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Integration/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INTEGRATION } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.integration;',
  },
  _original_width: 44,
  _original_height: 43,

}

Lab

Preview
Usage
Definition

import { Lab } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Lab/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LAB } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.lab;',
  },
  _original_width: 47,
  _original_height: 50,

}

Learn

Preview
Usage
Definition

import { Learn } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Learn/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LEARN } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.learn;',
  },
  _original_width: 56,
  _original_height: 57,

}

License

Preview
Usage
Definition

import { License } from '@dinghy/diagrams/entitiesOfficeConcepts'

<License/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LICENSE } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.license;',
  },
  _original_width: 45,
  _original_height: 52,

}

Link

Preview
Usage
Definition

import { Link } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Link/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LINK } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.link;',
  },
  _width: 61,
  _height: 21,
}

List Library

Preview
Usage
Definition

import { ListLibrary } from '@dinghy/diagrams/entitiesOfficeConcepts'

<ListLibrary/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LIST_LIBRARY } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.list_library;',
  },
  _original_width: 52,
  _original_height: 48,

}

Mailbox

Preview
Usage
Definition

import { Mailbox } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Mailbox/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MAILBOX } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.mailbox;',
  },
  _original_width: 53,
  _original_height: 49,

}

Mailbox 2

Preview
Usage
Definition

import { Mailbox2 } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Mailbox2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MAILBOX_2 } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.mailbox2;',
  },
  _original_width: 53,
  _original_height: 49,

}

Maintenance

Preview
Usage
Definition

import { Maintenance } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Maintenance/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MAINTENANCE } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.maintenance;',
  },
  _width: 39,
  _height: 56,
}

Marketplace, Shopping Bag

Preview
Usage
Definition

import { MarketplaceShoppingBag } from '@dinghy/diagrams/entitiesOfficeConcepts'

<MarketplaceShoppingBag/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MARKETPLACE_SHOPPING_BAG } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.marketplace_shopping_bag;',
  },
  _width: 36,
  _height: 46,
}

Meets Requirements

Preview
Usage
Definition

import { MeetsRequirements } from '@dinghy/diagrams/entitiesOfficeConcepts'

<MeetsRequirements/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MEETS_REQUIREMENTS } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.meets_requirements;',
  },
  _original_width: 56,
  _original_height: 53,

}

Migration

Preview
Usage
Definition

import { Migration } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Migration/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MIGRATION } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.migration;',
  },
  _width: 59,
  _height: 34,
}

MOEs

Preview
Usage
Definition

import { Moes } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Moes/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MOES } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.moes;',
  },
  _original_width: 40,
  _original_height: 47,

}

Preview
Usage
Definition

import { Navigation } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Navigation/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NAVIGATION } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.navigation;',
  },
  _original_width: 53,
  _original_height: 40,

}

Node, Generic

Preview
Usage
Definition

import { NodeGeneric } from '@dinghy/diagrams/entitiesOfficeConcepts'

<NodeGeneric/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NODE_GENERIC } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.node_generic;',
  },
  _original_width: 46,
  _original_height: 52,

}

Node, Generic (blue)

Preview
Usage
Definition

import { NodeGenericBlue } from '@dinghy/diagrams/entitiesOfficeConcepts'

<NodeGenericBlue/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NODE_GENERIC_BLUE } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.node_generic;fillColor=#2072B8;',
  },
  _original_width: 46,
  _original_height: 52,

}

Node, Generic (ghosted)

Preview
Usage
Definition

import { NodeGenericGhosted } from '@dinghy/diagrams/entitiesOfficeConcepts'

<NodeGenericGhosted/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NODE_GENERIC_GHOSTED } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.node_generic;fillColor=#CCCBCB;',
  },
  _original_width: 46,
  _original_height: 52,

}

Node, Generic (green)

Preview
Usage
Definition

import { NodeGenericGreen } from '@dinghy/diagrams/entitiesOfficeConcepts'

<NodeGenericGreen/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NODE_GENERIC_GREEN } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.node_generic;fillColor=#7FBA42;',
  },
  _original_width: 46,
  _original_height: 52,

}

Node, Generic (orange)

Preview
Usage
Definition

import { NodeGenericOrange } from '@dinghy/diagrams/entitiesOfficeConcepts'

<NodeGenericOrange/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NODE_GENERIC_ORANGE } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.node_generic;fillColor=#DA4026;',
  },
  _original_width: 46,
  _original_height: 52,

}

Office Installed

Preview
Usage
Definition

import { OfficeInstalled } from '@dinghy/diagrams/entitiesOfficeConcepts'

<OfficeInstalled/>

// or

import { extendStyle } from "@dinghy/base-components";
import { OFFICE_INSTALLED } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.office_installed;',
  },
  _original_width: 58,
  _original_height: 48,

}

On Premises

Preview
Usage
Definition

import { OnPremises } from '@dinghy/diagrams/entitiesOfficeConcepts'

<OnPremises/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ON_PREMISES } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.on_premises;',
  },
  _width: 34,
  _height: 55,
}

On Premises Directory

Preview
Usage
Definition

import { OnPremisesDirectory } from '@dinghy/diagrams/entitiesOfficeConcepts'

<OnPremisesDirectory/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ON_PREMISES_DIRECTORY } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.on_premises_directory;',
  },
  _original_width: 50,
  _original_height: 59,

}

Phishing

Preview
Usage
Definition

import { Phishing } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Phishing/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PHISHING } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.phishing;',
  },
  _original_width: 59,
  _original_height: 47,

}

Preview
Usage
Definition

import { Pin } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Pin/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PIN } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.pin;',
  },
  _width: 24,
  _height: 44,
}

Platform Options

Preview
Usage
Definition

import { PlatformOptions } from '@dinghy/diagrams/entitiesOfficeConcepts'

<PlatformOptions/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PLATFORM_OPTIONS } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.platform_options;',
  },
  _original_width: 58,
  _original_height: 52,

}

PowerShell

Preview
Usage
Definition

import { Powershell } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Powershell/>

// or

import { extendStyle } from "@dinghy/base-components";
import { POWERSHELL } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.powershell;',
  },
  _original_width: 45,
  _original_height: 45,

}

Properties

Preview
Usage
Definition

import { Properties } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Properties/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PROPERTIES } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.properties;',
  },
  _original_width: 50,
  _original_height: 49,

}

Publish

Preview
Usage
Definition

import { Publish } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Publish/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PUBLISH } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.publish;',
  },
  _original_width: 57,
  _original_height: 48,

}

Remote Access

Preview
Usage
Definition

import { RemoteAccess } from '@dinghy/diagrams/entitiesOfficeConcepts'

<RemoteAccess/>

// or

import { extendStyle } from "@dinghy/base-components";
import { REMOTE_ACCESS } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.remote_access;',
  },
  _original_width: 59,
  _original_height: 41,

}

Script

Preview
Usage
Definition

import { Script } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Script/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SCRIPT } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.script;',
  },
  _original_width: 53,
  _original_height: 49,

}

Search

Preview
Usage
Definition

import { Search } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Search/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SEARCH } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.search;',
  },
  _original_width: 49,
  _original_height: 49,

}

Service Application

Preview
Usage
Definition

import { ServiceApplication } from '@dinghy/diagrams/entitiesOfficeConcepts'

<ServiceApplication/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SERVICE_APPLICATION } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.service_application;',
  },
  _original_width: 59,
  _original_height: 48,

}

Settings

Preview
Usage
Definition

import { Settings } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Settings/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SETTINGS } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.settings;',
  },
  _original_width: 48,
  _original_height: 48,

}

Settings, Office 365

Preview
Usage
Definition

import { SettingsOffice365 } from '@dinghy/diagrams/entitiesOfficeConcepts'

<SettingsOffice365/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SETTINGS_OFFICE_365 } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.settings_office_365;',
  },
  _original_width: 48,
  _original_height: 48,

}

Preview
Usage
Definition

import { SignUp } from '@dinghy/diagrams/entitiesOfficeConcepts'

<SignUp/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SIGN_UP } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.sign_up;',
  },
  _original_width: 51,
  _original_height: 47,

}

Sound File

Preview
Usage
Definition

import { SoundFile } from '@dinghy/diagrams/entitiesOfficeConcepts'

<SoundFile/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SOUND_FILE } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.sound_file;',
  },
  _original_width: 40,
  _original_height: 50,

}

Tasks

Preview
Usage
Definition

import { Tasks } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Tasks/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TASKS } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.tasks;',
  },
  _original_width: 40,
  _original_height: 52,

}

Technical Diagram

Preview
Usage
Definition

import { TechnicalDiagram } from '@dinghy/diagrams/entitiesOfficeConcepts'

<TechnicalDiagram/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TECHNICAL_DIAGRAM } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.technical_diagram;',
  },
  _original_width: 50,
  _original_height: 56,

}

Upgrade Application

Preview
Usage
Definition

import { UpgradeApplication } from '@dinghy/diagrams/entitiesOfficeConcepts'

<UpgradeApplication/>

// or

import { extendStyle } from "@dinghy/base-components";
import { UPGRADE_APPLICATION } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.upgrade_application;',
  },
  _original_width: 58,
  _original_height: 42,

}

Upgrade Server

Preview
Usage
Definition

import { UpgradeServer } from '@dinghy/diagrams/entitiesOfficeConcepts'

<UpgradeServer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { UPGRADE_SERVER } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.upgrade_server;',
  },
  _width: 39,
  _height: 52,
}

Upgrade Site

Preview
Usage
Definition

import { UpgradeSite } from '@dinghy/diagrams/entitiesOfficeConcepts'

<UpgradeSite/>

// or

import { extendStyle } from "@dinghy/base-components";
import { UPGRADE_SITE } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.upgrade_site;',
  },
  _original_width: 59,
  _original_height: 48,

}

Upload

Preview
Usage
Definition

import { Upload } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Upload/>

// or

import { extendStyle } from "@dinghy/base-components";
import { UPLOAD } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.upload;',
  },
  _original_width: 48,
  _original_height: 55,

}

Video Form

Preview
Usage
Definition

import { VideoForm } from '@dinghy/diagrams/entitiesOfficeConcepts'

<VideoForm/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VIDEO_FORM } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.video_form;',
  },
  _original_width: 58,
  _original_height: 49,

}

Video Play

Preview
Usage
Definition

import { VideoPlay } from '@dinghy/diagrams/entitiesOfficeConcepts'

<VideoPlay/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VIDEO_PLAY } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.video_play;',
  },
  _original_width: 50,
  _original_height: 40,

}

Voicemail

Preview
Usage
Definition

import { Voicemail } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Voicemail/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VOICEMAIL } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.voicemail;',
  },
  _width: 53,
  _height: 34,
}

Voicemail Preview

Preview
Usage
Definition

import { VoicemailPreview } from '@dinghy/diagrams/entitiesOfficeConcepts'

<VoicemailPreview/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VOICEMAIL_PREVIEW } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.voicemail_preview;',
  },
  _original_width: 57,
  _original_height: 52,

}

Walkthrough

Preview
Usage
Definition

import { Walkthrough } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Walkthrough/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WALKTHROUGH } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.walkthrough;',
  },
  _original_width: 41,
  _original_height: 58,

}

Web Conferencing

Preview
Usage
Definition

import { WebConferencing } from '@dinghy/diagrams/entitiesOfficeConcepts'

<WebConferencing/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WEB_CONFERENCING } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.web_conferencing;',
  },
  _original_width: 60,
  _original_height: 56,

}

Web Page

Preview
Usage
Definition

import { WebPage } from '@dinghy/diagrams/entitiesOfficeConcepts'

<WebPage/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WEB_PAGE } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.web_page;',
  },
  _original_width: 50,
  _original_height: 54,

}

Web Part

Preview
Usage
Definition

import { WebPart } from '@dinghy/diagrams/entitiesOfficeConcepts'

<WebPart/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WEB_PART } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.web_part;',
  },
  _original_width: 45,
  _original_height: 52,

}

Web Services

Preview
Usage
Definition

import { WebServices } from '@dinghy/diagrams/entitiesOfficeConcepts'

<WebServices/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WEB_SERVICES } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.web_services;',
  },
  _original_width: 60,
  _original_height: 56,

}

Website

Preview
Usage
Definition

import { Website } from '@dinghy/diagrams/entitiesOfficeConcepts'

<Website/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WEBSITE } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.website;',
  },
  _original_width: 59,
  _original_height: 49,

}

Whats New

Preview
Usage
Definition

import { WhatsNew } from '@dinghy/diagrams/entitiesOfficeConcepts'

<WhatsNew/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WHATS_NEW } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.whats_new;',
  },
  _width: 55,
  _height: 38,
}

Writing, Pen

Preview
Usage
Definition

import { WritingPen } from '@dinghy/diagrams/entitiesOfficeConcepts'

<WritingPen/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WRITING_PEN } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.writing_pen;',
  },
  _original_width: 54,
  _original_height: 54,

}

Writing, Pencil

Preview
Usage
Definition

import { WritingPencil } from '@dinghy/diagrams/entitiesOfficeConcepts'

<WritingPencil/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WRITING_PENCIL } from '@dinghy/diagrams/entitiesOfficeConcepts'

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

{
  _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.concepts.writing_pencil;',
  },
  _original_width: 50,
  _original_height: 50,

}

Address Book​

Anti-Spam​

App for Office​

App For SharePoint​

App Part​

Application Android​

Application Generic​

Application Hybrid​

Application iOS​

Application Web​

Application Windows​

Archive​

Attachment​

Backup Local​

Backup Online​

Bandwidth​

Bandwidth Calculator​

Best Practices​

Book, Journal​

Calculator​

Calendar​

Clipboard​

Clock​

Column​

Connector​

Contacts​

Content Type​

Credit Card​

Document​

Document Blank​

Document Shared​

Documents​

Documents Shared​

Download​

Email​

Email Approved​

Email Expired​

Email Rejected​

File Key​

Firewall​

Firewall (blue)​

Firewall (ghosted)​

Firewall (green)​

Firewall (orange)​

Folder​

Folder (blue)​

Folder (ghosted)​

Folder (green)​

Folder (orange)​

Folder, Open​

Folder, Public​

Folder, Shared​

Folders​

Form​

Get Started​

Globe, Internet​

Help​

Home​

Home (blue)​

Home (ghosted)​

Home (green)​

Home (orange)​

Home Page​

Home Page (blue)​

Home Page (ghosted)​

Home Page (green)​

Home Page (orange)​

Hybrid​

Input Output Filter​

Install​

Integration​

Lab​

Learn​

License​

Link​

List Library​

Mailbox​

Mailbox 2​

Maintenance​

Marketplace, Shopping Bag​

Address Book

Anti-Spam

App for Office

App For SharePoint

App Part

Application Android

Application Generic

Application Hybrid

Application iOS

Application Web

Application Windows

Archive

Attachment

Backup Local

Backup Online

Bandwidth

Bandwidth Calculator

Best Practices

Book, Journal

Calculator

Calendar

Clipboard

Clock

Column

Connector

Contacts

Content Type

Credit Card

Document

Document Blank

Document Shared

Documents

Documents Shared

Download

Email

Email Approved

Email Expired

Email Rejected

File Key

Firewall

Firewall (blue)

Firewall (ghosted)

Firewall (green)

Firewall (orange)

Folder

Folder (blue)

Folder (ghosted)

Folder (green)

Folder (orange)

Folder, Open

Folder, Public

Folder, Shared

Folders

Form

Get Started

Globe, Internet

Help

Home

Home (blue)

Home (ghosted)

Home (green)

Home (orange)

Home Page

Home Page (blue)

Home Page (ghosted)

Home Page (green)

Home Page (orange)

Hybrid

Input Output Filter

Install

Integration

Lab

Learn

License

Link

List Library

Mailbox

Mailbox 2

Maintenance

Marketplace, Shopping Bag