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,
}

Baby 1​

Baby 2​

Changing Station​

Construction​

Female​

Male​

Man 1​

Man 2​

Mummy​

Pedestrian​

Shower 1​

Shower 2​

Stroller​

Unisex​

Waiting Room 1​

Waiting Room 2​

Walking​

Woman 1​

Woman 2​

Baby 1

Baby 2

Changing Station

Construction

Female

Male

Man 1

Man 2

Mummy

Pedestrian

Shower 1

Shower 2

Stroller

Unisex

Waiting Room 1

Waiting Room 2

Walking

Woman 1

Woman 2