Sap Numbers Entities
Default Number
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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,
}