Standard Misc Containers
Shape Group
- Preview
- Usage
- Definition
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)}
/>
{
_style: {
container: 'html=1;whiteSpace=wrap;container=1;recursiveResize=0;collapsible=0;',
},
}
Table 1
- Preview
- Usage
- Definition
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)}
/>
{
_style: {
container: 'shape=table;startSize=0;container=1;collapsible=0;childLayout=tableLayout;fontSize=16;',
},
}
Table 2
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_style: {
container: 'shape=table;startSize=30;container=1;collapsible=0;childLayout=tableLayout;strokeColor=default;fontSize=16;',
},
}
Table with Title 2
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_style: {
container: 'shape=table;startSize=0;container=1;collapsible=0;childLayout=tableLayout;fontSize=11;fillColor=none;strokeColor=none;',
},
}