Standard Misc Containers

Shape Group

Preview

Usage

import { ShapeGroup } from '@dinghy/diagrams/containersMisc'

<ShapeGroup/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SHAPE_GROUP } from '@dinghy/diagrams/containersMisc'

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

Definition

{
  _style: {
    container: 'html=1;whiteSpace=wrap;container=1;recursiveResize=0;collapsible=0;',
    },
}

Table 1

Preview

Usage

import { Table1 } from '@dinghy/diagrams/containersMisc'

<Table1/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TABLE_1 } from '@dinghy/diagrams/containersMisc'

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

Definition

{
  _style: {
    container: 'shape=table;startSize=0;container=1;collapsible=0;childLayout=tableLayout;fontSize=16;',
    },
}

Table 2

Preview

Usage

import { Table2 } from '@dinghy/diagrams/containersMisc'

<Table2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TABLE_2 } from '@dinghy/diagrams/containersMisc'

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

Definition

{
  _style: {
    container: 'shape=table;html=1;whiteSpace=wrap;startSize=0;container=1;collapsible=0;childLayout=tableLayout;columnLines=0;rowLines=0;fontSize=16;strokeColor=default;',
    },
}

Table with Title 1

Preview

Usage

import { TableWithTitle1 } from '@dinghy/diagrams/containersMisc'

<TableWithTitle1/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TABLE_WITH_TITLE_1 } from '@dinghy/diagrams/containersMisc'

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

Definition

{
  _style: {
    container: 'shape=table;startSize=30;container=1;collapsible=0;childLayout=tableLayout;strokeColor=default;fontSize=16;',
    },
}

Table with Title 2

Preview

Usage

import { TableWithTitle2 } from '@dinghy/diagrams/containersMisc'

<TableWithTitle2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TABLE_WITH_TITLE_2 } from '@dinghy/diagrams/containersMisc'

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

Definition

{
  _style: {
    container: 'shape=table;startSize=30;container=1;collapsible=0;childLayout=tableLayout;fixedRows=1;rowLines=0;fontStyle=0;strokeColor=default;fontSize=16;',
    },
}

Vertical List

Preview

Usage

import { VerticalList } from '@dinghy/diagrams/containersMisc'

<VerticalList/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VERTICAL_LIST } from '@dinghy/diagrams/containersMisc'

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

Definition

{
  _style: {
    container: 'shape=table;startSize=0;container=1;collapsible=0;childLayout=tableLayout;fontSize=11;fillColor=none;strokeColor=none;',
    },
}