Gmdl Dialogs Entities

Dialog

Preview

Usage

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)}
  />

Definition

{
  _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

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)}
  />

Definition

{
  _style: {
    entity: 'dashed=0;shape=rect;fillColor=#ffffff;strokeColor=#eeeeee;shadow=1;',
  },
  _width: 280,
  _height: 472,
}

Dialog with scrollable list

Preview

Usage

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)}
  />

Definition

{
  _style: {
    entity: 'shape=rect;fontSize=18;fillColor=#ffffff;strokeColor=#eeeeee;shadow=1;',
  },
  _width: 280,
  _height: 270,
}

Dialog with scrollable list 2

Preview

Usage

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)}
  />

Definition

{
  _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

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)}
  />

Definition

{
  _style: {
    entity: 'dashed=0;shape=rect;fillColor=#ffffff;strokeColor=none;',
  },
  _width: 358,
  _height: 642,
}

Message dialog

Preview

Usage

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)}
  />

Definition

{
  _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

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)}
  />

Definition

{
  _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

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)}
  />

Definition

{
  _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,
}