Office Databases Entities
Address Book Store
- Preview
- Usage
- Definition
import { AddressBookStore } from '@dinghy/diagrams/entitiesOfficeDatabases'
<AddressBookStore/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ADDRESS_BOOK_STORE } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, ADDRESS_BOOK_STORE)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.address_book_store;',
},
_original_width: 50,
_original_height: 54,
}
Application Store
- Preview
- Usage
- Definition
import { ApplicationStore } from '@dinghy/diagrams/entitiesOfficeDatabases'
<ApplicationStore/>
// or
import { extendStyle } from "@dinghy/base-components";
import { APPLICATION_STORE } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, APPLICATION_STORE)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.application_store;',
},
_original_width: 49,
_original_height: 53,
}
Database
- Preview
- Usage
- Definition
import { Database } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Database/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database;',
},
_width: 35,
_height: 49,
}
Database (blue)
- Preview
- Usage
- Definition
import { DatabaseBlue } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseBlue/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_BLUE } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_BLUE)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database;fillColor=#2072B8;',
},
_width: 35,
_height: 49,
}
Database (ghosted)
- Preview
- Usage
- Definition
import { DatabaseGhosted } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseGhosted/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_GHOSTED } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_GHOSTED)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database;fillColor=#CCCBCB;',
},
_width: 35,
_height: 49,
}
Database (green)
- Preview
- Usage
- Definition
import { DatabaseGreen } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseGreen/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_GREEN } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_GREEN)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database;fillColor=#7FBA42;',
},
_width: 35,
_height: 49,
}
Database (orange)
- Preview
- Usage
- Definition
import { DatabaseOrange } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseOrange/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_ORANGE } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_ORANGE)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database;fillColor=#DA4026;',
},
_width: 35,
_height: 49,
}
Database Availability Group
- Preview
- Usage
- Definition
import { DatabaseAvailabilityGroup } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseAvailabilityGroup/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_AVAILABILITY_GROUP } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_AVAILABILITY_GROUP)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_availability_group;',
},
_original_width: 59,
_original_height: 59,
}
Database Cube
- Preview
- Usage
- Definition

import { DatabaseCube } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseCube/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_CUBE } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_CUBE)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_cube;',
},
_original_width: 47,
_original_height: 52,
}
Database Cube (blue)
- Preview
- Usage
- Definition

import { DatabaseCubeBlue } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseCubeBlue/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_CUBE_BLUE } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_CUBE_BLUE)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_cube;fillColor=#2072B8;',
},
_original_width: 47,
_original_height: 52,
}
Database Cube (ghosted)
- Preview
- Usage
- Definition
import { DatabaseCubeGhosted } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseCubeGhosted/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_CUBE_GHOSTED } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_CUBE_GHOSTED)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_cube;fillColor=#CCCBCB;',
},
_original_width: 47,
_original_height: 52,
}
Database Cube (green)
- Preview
- Usage
- Definition

import { DatabaseCubeGreen } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseCubeGreen/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_CUBE_GREEN } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_CUBE_GREEN)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_cube;fillColor=#7FBA42;',
},
_original_width: 47,
_original_height: 52,
}
Database Cube (orange)
- Preview
- Usage
- Definition

import { DatabaseCubeOrange } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseCubeOrange/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_CUBE_ORANGE } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_CUBE_ORANGE)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_cube;fillColor=#DA4026;',
},
_original_width: 47,
_original_height: 52,
}
Database Mirror
- Preview
- Usage
- Definition
import { DatabaseMirror } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseMirror/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_MIRROR } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_MIRROR)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_mirror;',
},
_original_width: 60,
_original_height: 59,
}
Database Mirror Witness Node
- Preview
- Usage
- Definition
import { DatabaseMirrorWitnessNode } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseMirrorWitnessNode/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_MIRROR_WITNESS_NODE } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_MIRROR_WITNESS_NODE)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_mirror_witness_node;',
},
_original_width: 60,
_original_height: 59,
}
Database Partition
- Preview
- Usage
- Definition
import { DatabasePartition } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabasePartition/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_PARTITION } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_PARTITION)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_partition_2;',
},
_original_width: 57,
_original_height: 59,
}
Database Partition 2
- Preview
- Usage
- Definition
import { DatabasePartition2 } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabasePartition2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_PARTITION_2 } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_PARTITION_2)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_partition_3;',
},
_original_width: 57,
_original_height: 59,
}
Database Partition 3
- Preview
- Usage
- Definition
import { DatabasePartition3 } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabasePartition3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_PARTITION_3 } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_PARTITION_3)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_partition_4;',
},
_original_width: 57,
_original_height: 59,
}
Database Partition 4
- Preview
- Usage
- Definition
import { DatabasePartition4 } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabasePartition4/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_PARTITION_4 } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_PARTITION_4)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_partition_5;',
},
_original_width: 57,
_original_height: 59,
}
Database Public Folder
- Preview
- Usage
- Definition
import { DatabasePublicFolder } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabasePublicFolder/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_PUBLIC_FOLDER } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_PUBLIC_FOLDER)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_public_folder;',
},
_original_width: 53,
_original_height: 54,
}
Database Server
- Preview
- Usage
- Definition
import { DatabaseServer } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseServer/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_SERVER } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_SERVER)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_server;',
},
_original_width: 43,
_original_height: 57,
}
Database Server (blue)
- Preview
- Usage
- Definition
import { DatabaseServerBlue } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseServerBlue/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_SERVER_BLUE } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_SERVER_BLUE)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_server_blue;',
},
_original_width: 43,
_original_height: 57,
}
Database Server (ghosted)
- Preview
- Usage
- Definition
import { DatabaseServerGhosted } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseServerGhosted/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_SERVER_GHOSTED } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_SERVER_GHOSTED)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_server_ghosted;',
},
_original_width: 43,
_original_height: 57,
}
Database Server (green)
- Preview
- Usage
- Definition
import { DatabaseServerGreen } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseServerGreen/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_SERVER_GREEN } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_SERVER_GREEN)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_server_green;',
},
_original_width: 43,
_original_height: 57,
}
Database Server (orange)
- Preview
- Usage
- Definition
import { DatabaseServerOrange } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseServerOrange/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_SERVER_ORANGE } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_SERVER_ORANGE)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_server_orange;',
},
_original_width: 43,
_original_height: 57,
}
Database, Mini
- Preview
- Usage
- Definition
import { DatabaseMini } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseMini/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_MINI } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_MINI)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_mini_1;',
},
_width: 35,
_height: 27,
}
Database, Mini (blue)
- Preview
- Usage
- Definition
import { DatabaseMiniBlue } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseMiniBlue/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_MINI_BLUE } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_MINI_BLUE)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_mini_1;fillColor=#2072B8;',
},
_width: 35,
_height: 27,
}
Database, Mini (blue) 2
- Preview
- Usage
- Definition
import { DatabaseMiniBlue2 } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseMiniBlue2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_MINI_BLUE_2 } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_MINI_BLUE_2)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_mini_2;fillColor=#2072B8;',
},
_width: 35,
_height: 42,
}
Database, Mini (blue) 3
- Preview
- Usage
- Definition
import { DatabaseMiniBlue3 } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseMiniBlue3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_MINI_BLUE_3 } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_MINI_BLUE_3)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_mini_3;fillColor=#2072B8;',
},
_width: 35,
_height: 57,
}
Database, Mini (ghosted)
- Preview
- Usage
- Definition
import { DatabaseMiniGhosted } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseMiniGhosted/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_MINI_GHOSTED } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_MINI_GHOSTED)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_mini_1;fillColor=#CCCBCB;',
},
_width: 35,
_height: 27,
}
Database, Mini (ghosted) 2
- Preview
- Usage
- Definition
import { DatabaseMiniGhosted2 } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseMiniGhosted2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_MINI_GHOSTED_2 } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_MINI_GHOSTED_2)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_mini_2;fillColor=#CCCBCB;',
},
_width: 35,
_height: 42,
}
Database, Mini (ghosted) 3
- Preview
- Usage
- Definition
import { DatabaseMiniGhosted3 } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseMiniGhosted3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_MINI_GHOSTED_3 } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_MINI_GHOSTED_3)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_mini_3;fillColor=#CCCBCB;',
},
_width: 35,
_height: 57,
}
Database, Mini (green)
- Preview
- Usage
- Definition
import { DatabaseMiniGreen } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseMiniGreen/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_MINI_GREEN } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_MINI_GREEN)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_mini_1;fillColor=#7FBA42;',
},
_width: 35,
_height: 27,
}
Database, Mini (green) 2
- Preview
- Usage
- Definition
import { DatabaseMiniGreen2 } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseMiniGreen2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_MINI_GREEN_2 } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_MINI_GREEN_2)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_mini_2;fillColor=#7FBA42;',
},
_width: 35,
_height: 42,
}
Database, Mini (green) 3
- Preview
- Usage
- Definition
import { DatabaseMiniGreen3 } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseMiniGreen3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_MINI_GREEN_3 } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_MINI_GREEN_3)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_mini_3;fillColor=#7FBA42;',
},
_width: 35,
_height: 57,
}
Database, Mini (orange)
- Preview
- Usage
- Definition
import { DatabaseMiniOrange } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseMiniOrange/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_MINI_ORANGE } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_MINI_ORANGE)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_mini_1;fillColor=#DA4026;',
},
_width: 35,
_height: 27,
}
Database, Mini (orange) 2
- Preview
- Usage
- Definition
import { DatabaseMiniOrange2 } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseMiniOrange2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_MINI_ORANGE_2 } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_MINI_ORANGE_2)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_mini_2;fillColor=#DA4026;',
},
_width: 35,
_height: 42,
}
Database, Mini (orange) 3
- Preview
- Usage
- Definition
import { DatabaseMiniOrange3 } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseMiniOrange3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_MINI_ORANGE_3 } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_MINI_ORANGE_3)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_mini_3;fillColor=#DA4026;',
},
_width: 35,
_height: 57,
}
Database, Mini 2
- Preview
- Usage
- Definition
import { DatabaseMini2 } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseMini2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_MINI_2 } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_MINI_2)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_mini_2;',
},
_width: 35,
_height: 42,
}
Database, Mini 3
- Preview
- Usage
- Definition
import { DatabaseMini3 } from '@dinghy/diagrams/entitiesOfficeDatabases'
<DatabaseMini3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_MINI_3 } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, DATABASE_MINI_3)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.database_mini_3;',
},
_width: 35,
_height: 57,
}
Mailbox Database
- Preview
- Usage
- Definition
import { MailboxDatabase } from '@dinghy/diagrams/entitiesOfficeDatabases'
<MailboxDatabase/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MAILBOX_DATABASE } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, MAILBOX_DATABASE)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.mailbox_database;',
},
_original_width: 53,
_original_height: 55,
}
Monitoring Store
- Preview
- Usage
- Definition
import { MonitoringStore } from '@dinghy/diagrams/entitiesOfficeDatabases'
<MonitoringStore/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MONITORING_STORE } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, MONITORING_STORE)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.monitoring_store;',
},
_original_width: 58,
_original_height: 58,
}
Unified Contact Store
- Preview
- Usage
- Definition
import { UnifiedContactStore } from '@dinghy/diagrams/entitiesOfficeDatabases'
<UnifiedContactStore/>
// or
import { extendStyle } from "@dinghy/base-components";
import { UNIFIED_CONTACT_STORE } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, UNIFIED_CONTACT_STORE)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.unified_contact_store;',
},
_original_width: 54,
_original_height: 55,
}
Web Store
- Preview
- Usage
- Definition
import { WebStore } from '@dinghy/diagrams/entitiesOfficeDatabases'
<WebStore/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WEB_STORE } from '@dinghy/diagrams/entitiesOfficeDatabases'
<Shape
{...props}
_style={extendStyle(props, WEB_STORE)}
/>
{
_style: {
entity: 'sketch=0;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.databases.web_store;',
},
_original_width: 50,
_original_height: 54,
}