Sap Numbers Entities

Default Number

Preview

Usage

import { DefaultNumber } from '@dinghy/diagrams/entitiesSapNumbers'

<DefaultNumber/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DEFAULT_NUMBER } from '@dinghy/diagrams/entitiesSapNumbers'

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

Definition

{
  _style: {
    entity: 'ellipse;whiteSpace=wrap;html=1;aspect=fixed;rotation=0;gradientColor=#223548;strokeColor=none;gradientDirection=east;fillColor=#5b738b;rounded=0;pointerEvents=0;fontFamily=Helvetica;fontSize=16;fontColor=#FFFFFF;spacingTop=4;spacingBottom=4;spacingLeft=4;spacingRight=4;points=[];fontStyle=1',
  },
  _original_width: 30,
  _original_height: 30,

}

Default Number 2

Preview

Usage

import { DefaultNumber2 } from '@dinghy/diagrams/entitiesSapNumbers'

<DefaultNumber2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DEFAULT_NUMBER_2 } from '@dinghy/diagrams/entitiesSapNumbers'

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

Definition

{
  _style: {
    entity: 'ellipse;whiteSpace=wrap;html=1;aspect=fixed;rotation=0;gradientColor=#0057D2;strokeColor=none;gradientDirection=east;fillColor=#2395FF;rounded=0;pointerEvents=0;fontFamily=Helvetica;fontSize=16;fontColor=#FFFFFF;spacingTop=4;spacingBottom=4;spacingLeft=4;spacingRight=4;points=[];fontStyle=1',
  },
  _original_width: 30,
  _original_height: 30,

}

Default Number 3

Preview

Usage

import { DefaultNumber3 } from '@dinghy/diagrams/entitiesSapNumbers'

<DefaultNumber3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DEFAULT_NUMBER_3 } from '@dinghy/diagrams/entitiesSapNumbers'

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

Definition

{
  _style: {
    entity: 'ellipse;whiteSpace=wrap;html=1;aspect=fixed;rotation=0;gradientColor=#470CED;strokeColor=none;gradientDirection=east;fillColor=#9B76FF;rounded=0;pointerEvents=0;fontFamily=Helvetica;fontSize=16;fontColor=#FFFFFF;spacingTop=4;spacingBottom=4;spacingLeft=4;spacingRight=4;points=[];fontStyle=1',
  },
  _original_width: 30,
  _original_height: 30,

}

Default Number 4

Preview

Usage

import { DefaultNumber4 } from '@dinghy/diagrams/entitiesSapNumbers'

<DefaultNumber4/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DEFAULT_NUMBER_4 } from '@dinghy/diagrams/entitiesSapNumbers'

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

Definition

{
  _style: {
    entity: 'ellipse;whiteSpace=wrap;html=1;aspect=fixed;rotation=0;gradientColor=#A100C2;strokeColor=none;gradientDirection=east;fillColor=#F65AF2;rounded=0;pointerEvents=0;fontFamily=Helvetica;fontSize=16;fontColor=#FFFFFF;spacingTop=4;spacingBottom=4;spacingLeft=4;spacingRight=4;points=[];fontStyle=1',
  },
  _original_width: 30,
  _original_height: 30,

}

Default Number 5

Preview

Usage

import { DefaultNumber5 } from '@dinghy/diagrams/entitiesSapNumbers'

<DefaultNumber5/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DEFAULT_NUMBER_5 } from '@dinghy/diagrams/entitiesSapNumbers'

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

Definition

{
  _style: {
    entity: 'ellipse;whiteSpace=wrap;html=1;aspect=fixed;rotation=0;gradientColor=#AA0808;strokeColor=none;gradientDirection=east;fillColor=#FF5C77;rounded=0;pointerEvents=0;fontFamily=Helvetica;fontSize=16;fontColor=#FFFFFF;spacingTop=4;spacingBottom=4;spacingLeft=4;spacingRight=4;points=[];fontStyle=1',
  },
  _original_width: 30,
  _original_height: 30,

}

Default Number 6

Preview

Usage

import { DefaultNumber6 } from '@dinghy/diagrams/entitiesSapNumbers'

<DefaultNumber6/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DEFAULT_NUMBER_6 } from '@dinghy/diagrams/entitiesSapNumbers'

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

Definition

{
  _style: {
    entity: 'ellipse;whiteSpace=wrap;html=1;aspect=fixed;rotation=0;gradientColor=#256F3A;strokeColor=none;gradientDirection=east;fillColor=#5DC122;rounded=0;pointerEvents=0;fontFamily=Helvetica;fontSize=16;fontColor=#FFFFFF;spacingTop=4;spacingBottom=4;spacingLeft=4;spacingRight=4;points=[];fontStyle=1',
  },
  _original_width: 30,
  _original_height: 30,

}

Default Number 7

Preview

Usage

import { DefaultNumber7 } from '@dinghy/diagrams/entitiesSapNumbers'

<DefaultNumber7/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DEFAULT_NUMBER_7 } from '@dinghy/diagrams/entitiesSapNumbers'

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

Definition

{
  _style: {
    entity: 'ellipse;whiteSpace=wrap;html=1;aspect=fixed;rotation=0;gradientColor=#C35500;strokeColor=none;gradientDirection=east;fillColor=#FFB300;rounded=0;pointerEvents=0;fontFamily=Helvetica;fontSize=16;fontColor=#FFFFFF;spacingTop=4;spacingBottom=4;spacingLeft=4;spacingRight=4;points=[];fontStyle=1',
  },
  _original_width: 30,
  _original_height: 30,

}

Default Number 8

Preview

Usage

import { DefaultNumber8 } from '@dinghy/diagrams/entitiesSapNumbers'

<DefaultNumber8/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DEFAULT_NUMBER_8 } from '@dinghy/diagrams/entitiesSapNumbers'

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

Definition

{
  _style: {
    entity: 'ellipse;whiteSpace=wrap;html=1;aspect=fixed;rotation=0;gradientColor=#07838F;strokeColor=none;gradientDirection=east;fillColor=#00CEAC;rounded=0;pointerEvents=0;fontFamily=Helvetica;fontSize=16;fontColor=#FFFFFF;spacingTop=4;spacingBottom=4;spacingLeft=4;spacingRight=4;points=[];fontStyle=1',
  },
  _original_width: 30,
  _original_height: 30,

}