Other Floorplans Entities
Bathtub
- Preview
- Usage
- Definition
import { Bathtub } from '@dinghy/diagrams/entitiesFloorPlans'
<Bathtub/>
// or
import { extendStyle } from "@dinghy/base-components";
import { BATHTUB } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, BATHTUB)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.bathtub2;',
},
_width: 180,
_height: 60,
}
Bed Single
- Preview
- Usage
- Definition
import { BedSingle } from '@dinghy/diagrams/entitiesFloorPlans'
<BedSingle/>
// or
import { extendStyle } from "@dinghy/base-components";
import { BED_SINGLE } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, BED_SINGLE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.bed_single;',
},
_width: 100,
_height: 180,
}
Bed, Double
- Preview
- Usage
- Definition
import { BedDouble } from '@dinghy/diagrams/entitiesFloorPlans'
<BedDouble/>
// or
import { extendStyle } from "@dinghy/base-components";
import { BED_DOUBLE } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, BED_DOUBLE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.bed_double;',
},
_width: 200,
_height: 180,
}
Bookcase
- Preview
- Usage
- Definition
import { Bookcase } from '@dinghy/diagrams/entitiesFloorPlans'
<Bookcase/>
// or
import { extendStyle } from "@dinghy/base-components";
import { BOOKCASE } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, BOOKCASE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.bookcase;',
},
_width: 120,
_height: 30,
}
Chair
- Preview
- Usage
- Definition
import { Chair } from '@dinghy/diagrams/entitiesFloorPlans'
<Chair/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CHAIR } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, CHAIR)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.chair;',
},
_original_width: 41,
_original_height: 52,
}
Copier
- Preview
- Usage
- Definition
import { Copier } from '@dinghy/diagrams/entitiesFloorPlans'
<Copier/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COPIER } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, COPIER)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.copier;',
},
_width: 110,
_height: 60,
}
Couch
- Preview
- Usage
- Definition
import { Couch } from '@dinghy/diagrams/entitiesFloorPlans'
<Couch/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COUCH } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, COUCH)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.couch;',
},
_width: 150,
_height: 80,
}
CRT TV
- Preview
- Usage
- Definition
import { CrtTv } from '@dinghy/diagrams/entitiesFloorPlans'
<CrtTv/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CRT_TV } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, CRT_TV)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.crt_tv;',
},
_width: 60,
_height: 40,
}
Desk Corner
- Preview
- Usage
- Definition
import { DeskCorner } from '@dinghy/diagrams/entitiesFloorPlans'
<DeskCorner/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DESK_CORNER } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, DESK_CORNER)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.desk_corner;',
},
_original_width: 150,
_original_height: 150,
}
Desk Corner 2
- Preview
- Usage
- Definition
import { DeskCorner2 } from '@dinghy/diagrams/entitiesFloorPlans'
<DeskCorner2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DESK_CORNER_2 } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, DESK_CORNER_2)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.desk_corner_2;',
},
_width: 150,
_height: 120,
}
Door
- Preview
- Usage
- Definition
import { Door } from '@dinghy/diagrams/entitiesFloorPlans'
<Door/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DOOR } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, DOOR)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.doorLeft;aspect=fixed;',
},
_original_width: 80,
_original_height: 85,
}
Door 2
- Preview
- Usage
- Definition
import { Door2 } from '@dinghy/diagrams/entitiesFloorPlans'
<Door2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DOOR_2 } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, DOOR_2)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.doorRight;aspect=fixed;',
},
_original_width: 80,
_original_height: 85,
}
Door, Accordion
- Preview
- Usage
- Definition
import { DoorAccordion } from '@dinghy/diagrams/entitiesFloorPlans'
<DoorAccordion/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DOOR_ACCORDION } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, DOOR_ACCORDION)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.doorAccordion;dx=0.6;',
},
_width: 160,
_height: 30,
}
Door, Bi-fold
- Preview
- Usage
- Definition
import { DoorBiFold } from '@dinghy/diagrams/entitiesFloorPlans'
<DoorBiFold/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DOOR_BI_FOLD } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, DOOR_BI_FOLD)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.doorBifold;dx=0.3;',
},
_width: 160,
_height: 40,
}
Door, By-pass
- Preview
- Usage
- Definition
import { DoorByPass } from '@dinghy/diagrams/entitiesFloorPlans'
<DoorByPass/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DOOR_BY_PASS } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, DOOR_BY_PASS)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.doorBypass;dx=0.25;',
},
_width: 104,
_height: 10,
}
Door, Double
- Preview
- Usage
- Definition
import { DoorDouble } from '@dinghy/diagrams/entitiesFloorPlans'
<DoorDouble/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DOOR_DOUBLE } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, DOOR_DOUBLE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.doorDouble;aspect=fixed;',
},
_width: 160,
_height: 85,
}
Door, Double Action
- Preview
- Usage
- Definition
import { DoorDoubleAction } from '@dinghy/diagrams/entitiesFloorPlans'
<DoorDoubleAction/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DOOR_DOUBLE_ACTION } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, DOOR_DOUBLE_ACTION)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.doorDoubleAction;aspect=fixed;',
},
_width: 80,
_height: 165,
}
Door, Double Pocket
- Preview
- Usage
- Definition
import { DoorDoublePocket } from '@dinghy/diagrams/entitiesFloorPlans'
<DoorDoublePocket/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DOOR_DOUBLE_POCKET } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, DOOR_DOUBLE_POCKET)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.doorDoublePocket;dx=0.25;',
},
_width: 104,
_height: 10,
}
Door, Opposing
- Preview
- Usage
- Definition

import { DoorOpposing } from '@dinghy/diagrams/entitiesFloorPlans'
<DoorOpposing/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DOOR_OPPOSING } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, DOOR_OPPOSING)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.doorOpposing;dx=0.5;',
},
_width: 160,
_height: 165,
}
Door, Overhead
- Preview
- Usage
- Definition
import { DoorOverhead } from '@dinghy/diagrams/entitiesFloorPlans'
<DoorOverhead/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DOOR_OVERHEAD } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, DOOR_OVERHEAD)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.doorOverhead;',
},
_width: 104,
_height: 30,
}
Door, Pocket
- Preview
- Usage
- Definition
import { DoorPocket } from '@dinghy/diagrams/entitiesFloorPlans'
<DoorPocket/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DOOR_POCKET } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, DOOR_POCKET)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.doorPocket;dx=0.5;',
},
_width: 104,
_height: 10,
}
Door, Revolving
- Preview
- Usage
- Definition
import { DoorRevolving } from '@dinghy/diagrams/entitiesFloorPlans'
<DoorRevolving/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DOOR_REVOLVING } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, DOOR_REVOLVING)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.doorRevolving;aspect=fixed;',
},
_original_width: 80,
_original_height: 85,
}
Door, SlidingGlass
- Preview
- Usage
- Definition
import { DoorSlidingglass } from '@dinghy/diagrams/entitiesFloorPlans'
<DoorSlidingglass/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DOOR_SLIDINGGLASS } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, DOOR_SLIDINGGLASS)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.doorSlidingGlass;dx=0.25;',
},
_width: 104,
_height: 10,
}
Door, Uneven
- Preview
- Usage
- Definition
import { DoorUneven } from '@dinghy/diagrams/entitiesFloorPlans'
<DoorUneven/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DOOR_UNEVEN } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, DOOR_UNEVEN)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.doorUneven;dx=0.5;',
},
_width: 160,
_height: 85,
}
Dresser
- Preview
- Usage
- Definition
import { Dresser } from '@dinghy/diagrams/entitiesFloorPlans'
<Dresser/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DRESSER } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, DRESSER)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.dresser;',
},
_width: 100,
_height: 65,
}
Elevator
- Preview
- Usage
- Definition
import { Elevator } from '@dinghy/diagrams/entitiesFloorPlans'
<Elevator/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ELEVATOR } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, ELEVATOR)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.elevator;',
},
_original_width: 100,
_original_height: 100,
}
Fireplace
- Preview
- Usage
- Definition

import { Fireplace } from '@dinghy/diagrams/entitiesFloorPlans'
<Fireplace/>
// or
import { extendStyle } from "@dinghy/base-components";
import { FIREPLACE } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, FIREPLACE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.fireplace;',
},
_width: 304,
_height: 200,
}
Flat TV
- Preview
- Usage
- Definition
import { FlatTv } from '@dinghy/diagrams/entitiesFloorPlans'
<FlatTv/>
// or
import { extendStyle } from "@dinghy/base-components";
import { FLAT_TV } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, FLAT_TV)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.flat_tv;',
},
_width: 70,
_height: 10,
}
Floor Lamp
- Preview
- Usage
- Definition

import { FloorLamp } from '@dinghy/diagrams/entitiesFloorPlans'
<FloorLamp/>
// or
import { extendStyle } from "@dinghy/base-components";
import { FLOOR_LAMP } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, FLOOR_LAMP)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.floor_lamp;',
},
_original_width: 50,
_original_height: 50,
}
Horizontal Dimension
- Preview
- Usage
- Definition
import { HorizontalDimension } from '@dinghy/diagrams/entitiesFloorPlans'
<HorizontalDimension/>
// or
import { extendStyle } from "@dinghy/base-components";
import { HORIZONTAL_DIMENSION } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, HORIZONTAL_DIMENSION)}
/>
{
_style: {
entity: 'shape=dimension;whiteSpace=wrap;html=1;align=center;points=[];verticalAlign=bottom;spacingBottom=3;labelBackgroundColor=none;',
},
_width: 100,
_height: 40,
}
Horizontal Dimension 2
- Preview
- Usage
- Definition
import { HorizontalDimension2 } from '@dinghy/diagrams/entitiesFloorPlans'
<HorizontalDimension2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { HORIZONTAL_DIMENSION_2 } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, HORIZONTAL_DIMENSION_2)}
/>
{
_style: {
entity: 'shape=dimension;direction=west;whiteSpace=wrap;html=1;align=center;points=[];verticalAlign=top;spacingTop=-15;labelBackgroundColor=none;',
},
_width: 100,
_height: 40,
}
Kitchen table
- Preview
- Usage
- Definition
import { KitchenTable } from '@dinghy/diagrams/entitiesFloorPlans'
<KitchenTable/>
// or
import { extendStyle } from "@dinghy/base-components";
import { KITCHEN_TABLE } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, KITCHEN_TABLE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.chair;shadow=0;direction=west;',
},
_width: 1,
_height: 140,
}
Kitchen table 2
- Preview
- Usage
- Definition
import { KitchenTable2 } from '@dinghy/diagrams/entitiesFloorPlans'
<KitchenTable2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { KITCHEN_TABLE_2 } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, KITCHEN_TABLE_2)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.chair;shadow=0;direction=north;',
},
_width: 2,
_height: 140,
}
Kitchen table 3
- Preview
- Usage
- Definition
import { KitchenTable3 } from '@dinghy/diagrams/entitiesFloorPlans'
<KitchenTable3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { KITCHEN_TABLE_3 } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, KITCHEN_TABLE_3)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.chair;shadow=0;direction=south',
},
_width: 3,
_height: 140,
}
Laptop
- Preview
- Usage
- Definition
import { Laptop } from '@dinghy/diagrams/entitiesFloorPlans'
<Laptop/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LAPTOP } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, LAPTOP)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.laptop;',
},
_width: 40,
_height: 35,
}
Office Chair
- Preview
- Usage
- Definition
import { OfficeChair } from '@dinghy/diagrams/entitiesFloorPlans'
<OfficeChair/>
// or
import { extendStyle } from "@dinghy/base-components";
import { OFFICE_CHAIR } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, OFFICE_CHAIR)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.office_chair;',
},
_original_width: 40,
_original_height: 43,
}
Office table
- Preview
- Usage
- Definition
import { OfficeTable } from '@dinghy/diagrams/entitiesFloorPlans'
<OfficeTable/>
// or
import { extendStyle } from "@dinghy/base-components";
import { OFFICE_TABLE } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, OFFICE_TABLE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.office_chair;shadow=0;',
},
_width: 0,
_height: 70,
}
Office table 2
- Preview
- Usage
- Definition
import { OfficeTable2 } from '@dinghy/diagrams/entitiesFloorPlans'
<OfficeTable2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { OFFICE_TABLE_2 } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, OFFICE_TABLE_2)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.workstation;shadow=0;flipV=1;',
},
_width: 2,
_height: 70,
}
Office table 3
- Preview
- Usage
- Definition
import { OfficeTable3 } from '@dinghy/diagrams/entitiesFloorPlans'
<OfficeTable3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { OFFICE_TABLE_3 } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, OFFICE_TABLE_3)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.office_chair;shadow=0;direction=west;',
},
_width: 1,
_height: 140,
}
Office table 4
- Preview
- Usage
- Definition
import { OfficeTable4 } from '@dinghy/diagrams/entitiesFloorPlans'
<OfficeTable4/>
// or
import { extendStyle } from "@dinghy/base-components";
import { OFFICE_TABLE_4 } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, OFFICE_TABLE_4)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.office_chair;shadow=0;direction=north;',
},
_width: 2,
_height: 140,
}
Office table 5
- Preview
- Usage
- Definition
import { OfficeTable5 } from '@dinghy/diagrams/entitiesFloorPlans'
<OfficeTable5/>
// or
import { extendStyle } from "@dinghy/base-components";
import { OFFICE_TABLE_5 } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, OFFICE_TABLE_5)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.office_chair;shadow=0;direction=south',
},
_width: 3,
_height: 140,
}
Opening
- Preview
- Usage
- Definition
import { Opening } from '@dinghy/diagrams/entitiesFloorPlans'
<Opening/>
// or
import { extendStyle } from "@dinghy/base-components";
import { OPENING } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, OPENING)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.opening;',
},
_width: 50,
_height: 10,
}
Piano
- Preview
- Usage
- Definition
import { Piano } from '@dinghy/diagrams/entitiesFloorPlans'
<Piano/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PIANO } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, PIANO)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.piano;',
},
_width: 135,
_height: 143,
}
Plant
- Preview
- Usage
- Definition

import { Plant } from '@dinghy/diagrams/entitiesFloorPlans'
<Plant/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PLANT } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, PLANT)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.plant;',
},
_original_width: 47,
_original_height: 51,
}
Printer
- Preview
- Usage
- Definition
import { Printer } from '@dinghy/diagrams/entitiesFloorPlans'
<Printer/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PRINTER } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, PRINTER)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.printer;',
},
_original_width: 40,
_original_height: 47,
}
Range 1
- Preview
- Usage
- Definition
import { Range1 } from '@dinghy/diagrams/entitiesFloorPlans'
<Range1/>
// or
import { extendStyle } from "@dinghy/base-components";
import { RANGE_1 } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, RANGE_1)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.range_1;',
},
_original_width: 50,
_original_height: 62,
}
Range 2
- Preview
- Usage
- Definition
import { Range2 } from '@dinghy/diagrams/entitiesFloorPlans'
<Range2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { RANGE_2 } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, RANGE_2)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.range_2;',
},
_original_width: 75,
_original_height: 62,
}
Refrigerator
- Preview
- Usage
- Definition
import { Refrigerator } from '@dinghy/diagrams/entitiesFloorPlans'
<Refrigerator/>
// or
import { extendStyle } from "@dinghy/base-components";
import { REFRIGERATOR } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, REFRIGERATOR)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.refrigerator;',
},
_original_width: 60,
_original_height: 62,
}
Room
- Preview
- Usage
- Definition
import { Room } from '@dinghy/diagrams/entitiesFloorPlans'
<Room/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ROOM } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, ROOM)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.room;fillColor=strokeColor;',
},
_original_width: 100,
_original_height: 100,
}
Round kitchen table
- Preview
- Usage
- Definition
import { RoundKitchenTable } from '@dinghy/diagrams/entitiesFloorPlans'
<RoundKitchenTable/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ROUND_KITCHEN_TABLE } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, ROUND_KITCHEN_TABLE)}
/>
{
_style: {
entity: 'shape=ellipse;shadow=0;html=1;',
},
_width: 4,
_height: 140,
}
Shower
- Preview
- Usage
- Definition
import { Shower } from '@dinghy/diagrams/entitiesFloorPlans'
<Shower/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SHOWER } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, SHOWER)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.shower2;',
},
_original_width: 100,
_original_height: 100,
}
Sink 1
- Preview
- Usage
- Definition
import { Sink1 } from '@dinghy/diagrams/entitiesFloorPlans'
<Sink1/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SINK_1 } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, SINK_1)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.sink_1;',
},
_width: 40,
_height: 35,
}
Sink 2
- Preview
- Usage
- Definition
import { Sink2 } from '@dinghy/diagrams/entitiesFloorPlans'
<Sink2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SINK_2 } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, SINK_2)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.sink_22;',
},
_width: 40,
_height: 35,
}
Sink Double
- Preview
- Usage
- Definition
import { SinkDouble } from '@dinghy/diagrams/entitiesFloorPlans'
<SinkDouble/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SINK_DOUBLE } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, SINK_DOUBLE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.sink_double2;',
},
_width: 80,
_height: 35,
}
Small kitchen table
- Preview
- Usage
- Definition
import { SmallKitchenTable } from '@dinghy/diagrams/entitiesFloorPlans'
<SmallKitchenTable/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SMALL_KITCHEN_TABLE } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, SMALL_KITCHEN_TABLE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.chair;shadow=0;',
},
_width: 0,
_height: 120,
}
Small kitchen table 2
- Preview
- Usage
- Definition
import { SmallKitchenTable2 } from '@dinghy/diagrams/entitiesFloorPlans'
<SmallKitchenTable2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SMALL_KITCHEN_TABLE_2 } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, SMALL_KITCHEN_TABLE_2)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.chair;shadow=0;rotation=180;',
},
_width: 1,
_height: 120,
}
Small kitchen table 3
- Preview
- Usage
- Definition
import { SmallKitchenTable3 } from '@dinghy/diagrams/entitiesFloorPlans'
<SmallKitchenTable3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SMALL_KITCHEN_TABLE_3 } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, SMALL_KITCHEN_TABLE_3)}
/>
{
_style: {
entity: 'shape=rect;shadow=0;html=1;',
},
_width: 2,
_height: 120,
}
Sofa
- Preview
- Usage
- Definition
import { Sofa } from '@dinghy/diagrams/entitiesFloorPlans'
<Sofa/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SOFA } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, SOFA)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.sofa;',
},
_original_width: 90,
_original_height: 80,
}
Spiral Stairs
- Preview
- Usage
- Definition

import { SpiralStairs } from '@dinghy/diagrams/entitiesFloorPlans'
<SpiralStairs/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SPIRAL_STAIRS } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, SPIRAL_STAIRS)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.spiral_stairs;',
},
_original_width: 200,
_original_height: 200,
}
Stairs
- Preview
- Usage
- Definition
import { Stairs } from '@dinghy/diagrams/entitiesFloorPlans'
<Stairs/>
// or
import { extendStyle } from "@dinghy/base-components";
import { STAIRS } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, STAIRS)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.stairs;',
},
_width: 300,
_height: 100,
}
Stairs 2
- Preview
- Usage
- Definition
import { Stairs2 } from '@dinghy/diagrams/entitiesFloorPlans'
<Stairs2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { STAIRS_2 } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, STAIRS_2)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.stairs;direction=south;',
},
_width: 100,
_height: 300,
}
Stairs 3
- Preview
- Usage
- Definition
import { Stairs3 } from '@dinghy/diagrams/entitiesFloorPlans'
<Stairs3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { STAIRS_3 } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, STAIRS_3)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.stairsRest;',
},
_width: 300,
_height: 200,
}
Table
- Preview
- Usage
- Definition
import { Table } from '@dinghy/diagrams/entitiesFloorPlans'
<Table/>
// or
import { extendStyle } from "@dinghy/base-components";
import { TABLE } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, TABLE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.table;',
},
_width: 90,
_height: 50,
}
Toilet
- Preview
- Usage
- Definition
import { Toilet } from '@dinghy/diagrams/entitiesFloorPlans'
<Toilet/>
// or
import { extendStyle } from "@dinghy/base-components";
import { TOILET } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, TOILET)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.toilet;',
},
_original_width: 50,
_original_height: 67,
}
Vertical Dimension
- Preview
- Usage
- Definition
import { VerticalDimension } from '@dinghy/diagrams/entitiesFloorPlans'
<VerticalDimension/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VERTICAL_DIMENSION } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, VERTICAL_DIMENSION)}
/>
{
_style: {
entity: 'shape=dimension;direction=north;whiteSpace=wrap;html=1;align=center;points=[];verticalAlign=bottom;labelBackgroundColor=none;horizontal=0;spacingBottom=3;',
},
_width: 40,
_height: 100,
}
Vertical Dimension 2
- Preview
- Usage
- Definition
import { VerticalDimension2 } from '@dinghy/diagrams/entitiesFloorPlans'
<VerticalDimension2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VERTICAL_DIMENSION_2 } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, VERTICAL_DIMENSION_2)}
/>
{
_style: {
entity: 'shape=dimension;direction=south;whiteSpace=wrap;html=1;align=center;points=[];verticalAlign=top;labelBackgroundColor=none;horizontal=0;spacingTop=-15;',
},
_width: 40,
_height: 100,
}
Wall (Corner NE)
- Preview
- Usage
- Definition
import { WallCornerNe } from '@dinghy/diagrams/entitiesFloorPlans'
<WallCornerNe/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WALL_CORNER_NE } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, WALL_CORNER_NE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.wallCorner;fillColor=strokeColor;direction=south;',
},
_original_width: 100,
_original_height: 100,
}
Wall (Corner NW)
- Preview
- Usage
- Definition
import { WallCornerNw } from '@dinghy/diagrams/entitiesFloorPlans'
<WallCornerNw/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WALL_CORNER_NW } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, WALL_CORNER_NW)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.wallCorner;fillColor=strokeColor;',
},
_original_width: 100,
_original_height: 100,
}
Wall (Corner SE)
- Preview
- Usage
- Definition
import { WallCornerSe } from '@dinghy/diagrams/entitiesFloorPlans'
<WallCornerSe/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WALL_CORNER_SE } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, WALL_CORNER_SE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.wallCorner;fillColor=strokeColor;direction=west',
},
_original_width: 100,
_original_height: 100,
}
Wall (Corner SW)
- Preview
- Usage
- Definition
import { WallCornerSw } from '@dinghy/diagrams/entitiesFloorPlans'
<WallCornerSw/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WALL_CORNER_SW } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, WALL_CORNER_SW)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.wallCorner;fillColor=strokeColor;direction=north',
},
_original_width: 100,
_original_height: 100,
}
Wall (Horizontal)
- Preview
- Usage
- Definition
import { WallHorizontal } from '@dinghy/diagrams/entitiesFloorPlans'
<WallHorizontal/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WALL_HORIZONTAL } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, WALL_HORIZONTAL)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.wall;fillColor=strokeColor;',
},
_width: 100,
_height: 10,
}
Wall (U)
- Preview
- Usage
- Definition
import { WallU } from '@dinghy/diagrams/entitiesFloorPlans'
<WallU/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WALL_U } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, WALL_U)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.wallU;fillColor=strokeColor;',
},
_original_width: 100,
_original_height: 100,
}
Wall (Vertical)
- Preview
- Usage
- Definition
import { WallVertical } from '@dinghy/diagrams/entitiesFloorPlans'
<WallVertical/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WALL_VERTICAL } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, WALL_VERTICAL)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.wall;fillColor=strokeColor;direction=south;',
},
_width: 10,
_height: 100,
}
Water Cooler
- Preview
- Usage
- Definition
import { WaterCooler } from '@dinghy/diagrams/entitiesFloorPlans'
<WaterCooler/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WATER_COOLER } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, WATER_COOLER)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.water_cooler;',
},
_original_width: 40,
_original_height: 40,
}
Window
- Preview
- Usage
- Definition
import { Window } from '@dinghy/diagrams/entitiesFloorPlans'
<Window/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WINDOW } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, WINDOW)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.window;',
},
_width: 100,
_height: 10,
}
Window, Bay
- Preview
- Usage
- Definition
import { WindowBay } from '@dinghy/diagrams/entitiesFloorPlans'
<WindowBay/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WINDOW_BAY } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, WINDOW_BAY)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.windowBay;strokeWidth=3;aspect=fixed;',
},
_width: 100,
_height: 40,
}
Window, Bow
- Preview
- Usage
- Definition
import { WindowBow } from '@dinghy/diagrams/entitiesFloorPlans'
<WindowBow/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WINDOW_BOW } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, WINDOW_BOW)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.windowBow;strokeWidth=3;',
},
_width: 100,
_height: 20,
}
Window, Garden
- Preview
- Usage
- Definition
import { WindowGarden } from '@dinghy/diagrams/entitiesFloorPlans'
<WindowGarden/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WINDOW_GARDEN } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, WINDOW_GARDEN)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.windowGarden;dx=0.25;',
},
_width: 100,
_height: 20,
}
Window, Glider
- Preview
- Usage
- Definition
import { WindowGlider } from '@dinghy/diagrams/entitiesFloorPlans'
<WindowGlider/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WINDOW_GLIDER } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, WINDOW_GLIDER)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.windowGlider;dx=0.25;',
},
_width: 100,
_height: 10,
}
Workstation
- Preview
- Usage
- Definition
import { Workstation } from '@dinghy/diagrams/entitiesFloorPlans'
<Workstation/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WORKSTATION } from '@dinghy/diagrams/entitiesFloorPlans'
<Shape
{...props}
_style={extendStyle(props, WORKSTATION)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;shape=mxgraph.floorplan.workstation;',
},
_original_width: 50,
_original_height: 40,
}