Gmdl Dialogs Entities
Dialog
- Preview
- Usage
- Definition
import { Dialog } from '@dinghy/diagrams/entitiesGmdlDialogs'
<Dialog/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DIALOG } from '@dinghy/diagrams/entitiesGmdlDialogs'
<Shape
{...props}
_style={extendStyle(props, DIALOG)}
/>
{
_style: {
entity: 'dashed=0;shape=rect;fillColor=#ffffff;strokeColor=none;shadow=1;fontSize=19;fontColor=#000000;spacingTop=-6;whiteSpace=wrap;spacing=16;align=left;verticalAlign=top;html=1;',
},
_width: 280,
_height: 273,
}
Dialog with persistent footer button
- Preview
- Usage
- Definition

import { DialogWithPersistentFooterButton } from '@dinghy/diagrams/entitiesGmdlDialogs'
<DialogWithPersistentFooterButton/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DIALOG_WITH_PERSISTENT_FOOTER_BUTTON } from '@dinghy/diagrams/entitiesGmdlDialogs'
<Shape
{...props}
_style={extendStyle(props, DIALOG_WITH_PERSISTENT_FOOTER_BUTTON)}
/>
{
_style: {
entity: 'dashed=0;shape=rect;fillColor=#ffffff;strokeColor=#eeeeee;shadow=1;',
},
_width: 280,
_height: 472,
}
Dialog with scrollable list
- Preview
- Usage
- Definition

import { DialogWithScrollableList } from '@dinghy/diagrams/entitiesGmdlDialogs'
<DialogWithScrollableList/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DIALOG_WITH_SCROLLABLE_LIST } from '@dinghy/diagrams/entitiesGmdlDialogs'
<Shape
{...props}
_style={extendStyle(props, DIALOG_WITH_SCROLLABLE_LIST)}
/>
{
_style: {
entity: 'shape=rect;fontSize=18;fillColor=#ffffff;strokeColor=#eeeeee;shadow=1;',
},
_width: 280,
_height: 270,
}
Dialog with scrollable list 2
- Preview
- Usage
- Definition
import { DialogWithScrollableList2 } from '@dinghy/diagrams/entitiesGmdlDialogs'
<DialogWithScrollableList2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DIALOG_WITH_SCROLLABLE_LIST_2 } from '@dinghy/diagrams/entitiesGmdlDialogs'
<Shape
{...props}
_style={extendStyle(props, DIALOG_WITH_SCROLLABLE_LIST_2)}
/>
{
_style: {
entity: 'shape=rect;fontSize=18;fillColor=#ffffff;strokeColor=#eeeeee;shadow=1;fontSize=17;fontColor=#666666;align=left;spacing=16;align=left;verticalAlign=top;whiteSpace=wrap;html=1;',
},
_width: 280,
_height: 112,
}
Fullscreen dialog
- Preview
- Usage
- Definition
import { FullscreenDialog } from '@dinghy/diagrams/entitiesGmdlDialogs'
<FullscreenDialog/>
// or
import { extendStyle } from "@dinghy/base-components";
import { FULLSCREEN_DIALOG } from '@dinghy/diagrams/entitiesGmdlDialogs'
<Shape
{...props}
_style={extendStyle(props, FULLSCREEN_DIALOG)}
/>
{
_style: {
entity: 'dashed=0;shape=rect;fillColor=#ffffff;strokeColor=none;',
},
_width: 358,
_height: 642,
}
Message dialog
- Preview
- Usage
- Definition
import { MessageDialog } from '@dinghy/diagrams/entitiesGmdlDialogs'
<MessageDialog/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_DIALOG } from '@dinghy/diagrams/entitiesGmdlDialogs'
<Shape
{...props}
_style={extendStyle(props, MESSAGE_DIALOG)}
/>
{
_style: {
entity: 'dashed=0;shape=rect;fillColor=#ffffff;strokeColor=#eeeeee;shadow=1;whiteSpace=wrap;html=1;',
},
_original_width: 480,
_original_height: 480,
}
Simple dialog
- Preview
- Usage
- Definition

import { SimpleDialog } from '@dinghy/diagrams/entitiesGmdlDialogs'
<SimpleDialog/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SIMPLE_DIALOG } from '@dinghy/diagrams/entitiesGmdlDialogs'
<Shape
{...props}
_style={extendStyle(props, SIMPLE_DIALOG)}
/>
{
_style: {
entity: 'shape=rect;fillColor=#ffffff;strokeColor=#eeeeee;shadow=1;fontSize=20;fontColor=#000000;align=left;spacing=16;verticalAlign=top;fontStyle=0;spacingTop=-5;recursiveResize=0;whiteSpace=wrap;html=1;',
},
_width: 280,
_height: 250,
}
Simple dialog 2
- Preview
- Usage
- Definition

import { SimpleDialog2 } from '@dinghy/diagrams/entitiesGmdlDialogs'
<SimpleDialog2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SIMPLE_DIALOG_2 } from '@dinghy/diagrams/entitiesGmdlDialogs'
<Shape
{...props}
_style={extendStyle(props, SIMPLE_DIALOG_2)}
/>
{
_style: {
entity: 'shape=rect;fillColor=#ffffff;strokeColor=#eeeeee;shadow=1;fontSize=20;fontColor=#000000;spacingTop=-7;spacing=20;labelPosition=center;align=left;verticalAlign=top;whiteSpace=wrap;html=1;',
},
_width: 280,
_height: 250,
}