Sysml Constraint Blocks Entities

Constraint Block

Preview

Usage

import { ConstraintBlock } from '@dinghy/diagrams/entitiesSysmlConstraintBlocks'

<ConstraintBlock/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONSTRAINT_BLOCK } from '@dinghy/diagrams/entitiesSysmlConstraintBlocks'

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

Definition

{
  _style: {
    entity: 'fontStyle=1;align=center;verticalAlign=middle;childLayout=stackLayout;horizontal=1;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;marginBottom=0;',
  },
  _width: 0,
  _height: 70,
}

Constraint Property

Preview

Usage

import { ConstraintProperty } from '@dinghy/diagrams/entitiesSysmlConstraintBlocks'

<ConstraintProperty/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONSTRAINT_PROPERTY } from '@dinghy/diagrams/entitiesSysmlConstraintBlocks'

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

Definition

{
  _style: {
    entity: 'html=1;shape=mxgraph.sysml.paramDgm;fontStyle=1;whiteSpace=wrap;align=center;',
  },
  _width: 150,
  _height: 100,
}

Constraint Property 2

Preview

Usage

import { ConstraintProperty2 } from '@dinghy/diagrams/entitiesSysmlConstraintBlocks'

<ConstraintProperty2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONSTRAINT_PROPERTY_2 } from '@dinghy/diagrams/entitiesSysmlConstraintBlocks'

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

Definition

{
  _style: {
    entity: 'html=1;shape=mxgraph.sysml.consProp;overflow=fill;whiteSpace=wrap;',
  },
  _width: 150,
  _height: 120,
}

Parametric Diagram

Preview

Usage

import { ParametricDiagram } from '@dinghy/diagrams/entitiesSysmlConstraintBlocks'

<ParametricDiagram/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PARAMETRIC_DIAGRAM } from '@dinghy/diagrams/entitiesSysmlConstraintBlocks'

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

Definition

{
  _style: {
    entity: 'html=1;shape=mxgraph.sysml.package;labelX=120;align=left;spacingLeft=10;overflow=fill;whiteSpace=wrap;recursiveResize=0;',
  },
  _width: 0,
  _height: 170,
}