Signs People Entities
Baby 1
- Preview
- Usage
- Definition
import { Baby1 } from '@dinghy/diagrams/entitiesSignsPeople'
<Baby1/>
// or
import { extendStyle } from "@dinghy/base-components";
import { BABY_1 } from '@dinghy/diagrams/entitiesSignsPeople'
<Shape
{...props}
_style={extendStyle(props, BABY_1)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.people.baby_1;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_width: 76,
_height: 102,
}
Baby 2
- Preview
- Usage
- Definition

import { Baby2 } from '@dinghy/diagrams/entitiesSignsPeople'
<Baby2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { BABY_2 } from '@dinghy/diagrams/entitiesSignsPeople'
<Shape
{...props}
_style={extendStyle(props, BABY_2)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.people.baby_2;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_width: 77,
_height: 99,
}
Changing Station
- Preview
- Usage
- Definition
import { ChangingStation } from '@dinghy/diagrams/entitiesSignsPeople'
<ChangingStation/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CHANGING_STATION } from '@dinghy/diagrams/entitiesSignsPeople'
<Shape
{...props}
_style={extendStyle(props, CHANGING_STATION)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.people.changing_station;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_original_width: 94,
_original_height: 98,
}
Construction
- Preview
- Usage
- Definition
import { Construction } from '@dinghy/diagrams/entitiesSignsPeople'
<Construction/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CONSTRUCTION } from '@dinghy/diagrams/entitiesSignsPeople'
<Shape
{...props}
_style={extendStyle(props, CONSTRUCTION)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.people.construction;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_original_width: 88,
_original_height: 99,
}
Female
- Preview
- Usage
- Definition
import { Female } from '@dinghy/diagrams/entitiesSignsPeople'
<Female/>
// or
import { extendStyle } from "@dinghy/base-components";
import { FEMALE } from '@dinghy/diagrams/entitiesSignsPeople'
<Shape
{...props}
_style={extendStyle(props, FEMALE)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.people.female;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_width: 76,
_height: 98,
}
Male
- Preview
- Usage
- Definition
import { Male } from '@dinghy/diagrams/entitiesSignsPeople'
<Male/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MALE } from '@dinghy/diagrams/entitiesSignsPeople'
<Shape
{...props}
_style={extendStyle(props, MALE)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.people.male;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_original_width: 103,
_original_height: 103,
}
Man 1
- Preview
- Usage
- Definition
import { Man1 } from '@dinghy/diagrams/entitiesSignsPeople'
<Man1/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MAN_1 } from '@dinghy/diagrams/entitiesSignsPeople'
<Shape
{...props}
_style={extendStyle(props, MAN_1)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.people.man_1;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_width: 37,
_height: 98,
}
Man 2
- Preview
- Usage
- Definition
import { Man2 } from '@dinghy/diagrams/entitiesSignsPeople'
<Man2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MAN_2 } from '@dinghy/diagrams/entitiesSignsPeople'
<Shape
{...props}
_style={extendStyle(props, MAN_2)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.people.man_2;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_width: 36,
_height: 99,
}
Mummy
- Preview
- Usage
- Definition
import { Mummy } from '@dinghy/diagrams/entitiesSignsPeople'
<Mummy/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MUMMY } from '@dinghy/diagrams/entitiesSignsPeople'
<Shape
{...props}
_style={extendStyle(props, MUMMY)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.people.mummy;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_width: 35,
_height: 99,
}
Pedestrian
- Preview
- Usage
- Definition
import { Pedestrian } from '@dinghy/diagrams/entitiesSignsPeople'
<Pedestrian/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PEDESTRIAN } from '@dinghy/diagrams/entitiesSignsPeople'
<Shape
{...props}
_style={extendStyle(props, PEDESTRIAN)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.people.pedestrian;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_original_width: 80,
_original_height: 99,
}
Shower 1
- Preview
- Usage
- Definition

import { Shower1 } from '@dinghy/diagrams/entitiesSignsPeople'
<Shower1/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SHOWER_1 } from '@dinghy/diagrams/entitiesSignsPeople'
<Shape
{...props}
_style={extendStyle(props, SHOWER_1)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.people.shower_1;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_width: 101,
_height: 98,
}
Shower 2
- Preview
- Usage
- Definition
import { Shower2 } from '@dinghy/diagrams/entitiesSignsPeople'
<Shower2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SHOWER_2 } from '@dinghy/diagrams/entitiesSignsPeople'
<Shape
{...props}
_style={extendStyle(props, SHOWER_2)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.people.shower_2;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_original_width: 98,
_original_height: 92,
}
Stroller
- Preview
- Usage
- Definition
import { Stroller } from '@dinghy/diagrams/entitiesSignsPeople'
<Stroller/>
// or
import { extendStyle } from "@dinghy/base-components";
import { STROLLER } from '@dinghy/diagrams/entitiesSignsPeople'
<Shape
{...props}
_style={extendStyle(props, STROLLER)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.people.stroller;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_original_width: 100,
_original_height: 85,
}
Unisex
- Preview
- Usage
- Definition
import { Unisex } from '@dinghy/diagrams/entitiesSignsPeople'
<Unisex/>
// or
import { extendStyle } from "@dinghy/base-components";
import { UNISEX } from '@dinghy/diagrams/entitiesSignsPeople'
<Shape
{...props}
_style={extendStyle(props, UNISEX)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.people.unisex;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_original_width: 99,
_original_height: 93,
}
Waiting Room 1
- Preview
- Usage
- Definition
import { WaitingRoom1 } from '@dinghy/diagrams/entitiesSignsPeople'
<WaitingRoom1/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WAITING_ROOM_1 } from '@dinghy/diagrams/entitiesSignsPeople'
<Shape
{...props}
_style={extendStyle(props, WAITING_ROOM_1)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.people.waiting_room_1;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_width: 77,
_height: 100,
}
Waiting Room 2
- Preview
- Usage
- Definition
import { WaitingRoom2 } from '@dinghy/diagrams/entitiesSignsPeople'
<WaitingRoom2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WAITING_ROOM_2 } from '@dinghy/diagrams/entitiesSignsPeople'
<Shape
{...props}
_style={extendStyle(props, WAITING_ROOM_2)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.people.waiting_room_2;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_original_width: 89,
_original_height: 98,
}
Walking
- Preview
- Usage
- Definition
import { Walking } from '@dinghy/diagrams/entitiesSignsPeople'
<Walking/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WALKING } from '@dinghy/diagrams/entitiesSignsPeople'
<Shape
{...props}
_style={extendStyle(props, WALKING)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.people.walking;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_width: 55,
_height: 99,
}
Woman 1
- Preview
- Usage
- Definition
import { Woman1 } from '@dinghy/diagrams/entitiesSignsPeople'
<Woman1/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WOMAN_1 } from '@dinghy/diagrams/entitiesSignsPeople'
<Shape
{...props}
_style={extendStyle(props, WOMAN_1)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.people.woman_1;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_width: 48,
_height: 100,
}
Woman 2
- Preview
- Usage
- Definition
import { Woman2 } from '@dinghy/diagrams/entitiesSignsPeople'
<Woman2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WOMAN_2 } from '@dinghy/diagrams/entitiesSignsPeople'
<Shape
{...props}
_style={extendStyle(props, WOMAN_2)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.people.woman_2;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_width: 45,
_height: 99,
}