Gmdl Text Fields Entities

Full text field

Preview

Usage

import { FullTextField } from '@dinghy/diagrams/entitiesGmdlTextFields'

<FullTextField/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FULL_TEXT_FIELD } from '@dinghy/diagrams/entitiesGmdlTextFields'

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

Definition

{
  _style: {
    entity: 'dashed=0;shape=rect;shadow=1;strokeColor=#eeeeee;strokeWidth=1;fillColor=#ffffff;fontSize=22;fontColor=#CCCCCC;align=left;spacingLeft=65;whiteSpace=wrap;html=1;',
  },
  _width: 362,
  _height: 56,
}

Full text field 2

Preview

Usage

import { FullTextField2 } from '@dinghy/diagrams/entitiesGmdlTextFields'

<FullTextField2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FULL_TEXT_FIELD_2 } from '@dinghy/diagrams/entitiesGmdlTextFields'

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

Definition

{
  _style: {
    entity: 'swimlane;shape=rect;strokeColor=#EEEEEE;fillColor=#ffffff;fontColor=#000000;fontStyle=0;childLayout=stackLayout;horizontal=1;startSize=0;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=0;marginBottom=0;whiteSpace=wrap;html=1;shadow=1;',
  },
  _width: 0,
  _height: 298,
}

Single-line text field

Preview

Usage

import { SingleLineTextField } from '@dinghy/diagrams/entitiesGmdlTextFields'

<SingleLineTextField/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SINGLE_LINE_TEXT_FIELD } from '@dinghy/diagrams/entitiesGmdlTextFields'

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

Definition

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

Single-line text field (disabled)

Preview

Usage

import { SingleLineTextFieldDisabled } from '@dinghy/diagrams/entitiesGmdlTextFields'

<SingleLineTextFieldDisabled/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SINGLE_LINE_TEXT_FIELD_DISABLED } from '@dinghy/diagrams/entitiesGmdlTextFields'

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

Definition

{
  _style: {
    entity: 'shape=line;strokeWidth=1;noLabel=1;strokeColor=#B3B3B3;dashed=1;dashPattern=1 4;',
  },
  _width: 1,
  _height: 35,
}

Single-line text field (error, light)

Preview

Usage

import { SingleLineTextFieldErrorLight } from '@dinghy/diagrams/entitiesGmdlTextFields'

<SingleLineTextFieldErrorLight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SINGLE_LINE_TEXT_FIELD_ERROR_LIGHT } from '@dinghy/diagrams/entitiesGmdlTextFields'

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

Definition

{
  _style: {
    entity: 'dashed=0;shape=line;strokeWidth=2;noLabel=1;strokeColor=#ff0000;',
  },
  _width: 1,
  _height: 55,
}

Single-line text field (error, light) 2

Preview

Usage

import { SingleLineTextFieldErrorLight2 } from '@dinghy/diagrams/entitiesGmdlTextFields'

<SingleLineTextFieldErrorLight2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SINGLE_LINE_TEXT_FIELD_ERROR_LIGHT_2 } from '@dinghy/diagrams/entitiesGmdlTextFields'

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

Definition

{
  _style: {
    entity: 'text;fontColor=#ff0000;fontSize=12;verticalAlign=middle;strokeColor=none;fillColor=none;whiteSpace=wrap;html=1;',
  },
  _width: 2,
  _height: 55,
}

Single-line text field (focus, dark)

Preview

Usage

import { SingleLineTextFieldFocusDark } from '@dinghy/diagrams/entitiesGmdlTextFields'

<SingleLineTextFieldFocusDark/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SINGLE_LINE_TEXT_FIELD_FOCUS_DARK } from '@dinghy/diagrams/entitiesGmdlTextFields'

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

Definition

{
  _style: {
    entity: 'text;fontColor=#ffffff;fontSize=16;verticalAlign=middle;strokeColor=none;fillColor=none;whiteSpace=wrap;html=1;',
  },
  _width: 0,
  _height: 35,
}

Single-line text field (focus, light)

Preview

Usage

import { SingleLineTextFieldFocusLight } from '@dinghy/diagrams/entitiesGmdlTextFields'

<SingleLineTextFieldFocusLight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SINGLE_LINE_TEXT_FIELD_FOCUS_LIGHT } from '@dinghy/diagrams/entitiesGmdlTextFields'

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

Definition

{
  _style: {
    entity: 'text;fontSize=16;verticalAlign=middle;strokeColor=none;fillColor=none;whiteSpace=wrap;html=1;',
  },
  _width: 0,
  _height: 35,
}

Single-line text field (hover)

Preview

Usage

import { SingleLineTextFieldHover } from '@dinghy/diagrams/entitiesGmdlTextFields'

<SingleLineTextFieldHover/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SINGLE_LINE_TEXT_FIELD_HOVER } from '@dinghy/diagrams/entitiesGmdlTextFields'

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

Definition

{
  _style: {
    entity: 'dashed=0;shape=line;strokeWidth=1;noLabel=1;strokeColor=#cccccc;opacity=50;',
  },
  _width: 1,
  _height: 35,
}

Single-line text field (normal, dark)

Preview

Usage

import { SingleLineTextFieldNormalDark } from '@dinghy/diagrams/entitiesGmdlTextFields'

<SingleLineTextFieldNormalDark/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SINGLE_LINE_TEXT_FIELD_NORMAL_DARK } from '@dinghy/diagrams/entitiesGmdlTextFields'

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

Definition

{
  _style: {
    entity: 'text;fontColor=#999999;fontSize=16;verticalAlign=middle;strokeColor=none;fillColor=none;whiteSpace=wrap;html=1;',
  },
  _width: 0,
  _height: 35,
}

Single-line text field (normal, dark) 2

Preview

Usage

import { SingleLineTextFieldNormalDark2 } from '@dinghy/diagrams/entitiesGmdlTextFields'

<SingleLineTextFieldNormalDark2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SINGLE_LINE_TEXT_FIELD_NORMAL_DARK_2 } from '@dinghy/diagrams/entitiesGmdlTextFields'

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

Definition

{
  _style: {
    entity: 'text;fontColor=#999999;fontSize=12;verticalAlign=middle;strokeColor=none;fillColor=none;whiteSpace=wrap;html=1;',
  },
  _width: 0,
  _height: 55,
}

Single-line text field (normal, dark) 3

Preview

Usage

import { SingleLineTextFieldNormalDark3 } from '@dinghy/diagrams/entitiesGmdlTextFields'

<SingleLineTextFieldNormalDark3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SINGLE_LINE_TEXT_FIELD_NORMAL_DARK_3 } from '@dinghy/diagrams/entitiesGmdlTextFields'

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

Definition

{
  _style: {
    entity: 'text;fontColor=#cccccc;fontSize=16;verticalAlign=middle;strokeColor=none;fillColor=none;whiteSpace=wrap;html=1;',
  },
  _width: 1,
  _height: 55,
}

Single-line text field (normal, dark) 4

Preview

Usage

import { SingleLineTextFieldNormalDark4 } from '@dinghy/diagrams/entitiesGmdlTextFields'

<SingleLineTextFieldNormalDark4/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SINGLE_LINE_TEXT_FIELD_NORMAL_DARK_4 } from '@dinghy/diagrams/entitiesGmdlTextFields'

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

Definition

{
  _style: {
    entity: 'dashed=0;shape=line;strokeWidth=1;noLabel=1;strokeColor=#999999;',
  },
  _width: 2,
  _height: 55,
}

Single-line text field (normal, light)

Preview

Usage

import { SingleLineTextFieldNormalLight } from '@dinghy/diagrams/entitiesGmdlTextFields'

<SingleLineTextFieldNormalLight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SINGLE_LINE_TEXT_FIELD_NORMAL_LIGHT } from '@dinghy/diagrams/entitiesGmdlTextFields'

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

Definition

{
  _style: {
    entity: 'dashed=0;shape=line;strokeWidth=1;noLabel=1;strokeColor=#eeeeee;',
  },
  _width: 1,
  _height: 35,
}

Single-line text field (normal, light) 2

Preview

Usage

import { SingleLineTextFieldNormalLight2 } from '@dinghy/diagrams/entitiesGmdlTextFields'

<SingleLineTextFieldNormalLight2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SINGLE_LINE_TEXT_FIELD_NORMAL_LIGHT_2 } from '@dinghy/diagrams/entitiesGmdlTextFields'

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

Definition

{
  _style: {
    entity: 'text;fontColor=#1F9BFD;fontSize=12;verticalAlign=middle;strokeColor=none;fillColor=none;whiteSpace=wrap;html=1;',
  },
  _width: 0,
  _height: 55,
}

Single-line text field (normal, light) 3

Preview

Usage

import { SingleLineTextFieldNormalLight3 } from '@dinghy/diagrams/entitiesGmdlTextFields'

<SingleLineTextFieldNormalLight3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SINGLE_LINE_TEXT_FIELD_NORMAL_LIGHT_3 } from '@dinghy/diagrams/entitiesGmdlTextFields'

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

Definition

{
  _style: {
    entity: 'dashed=0;shape=line;strokeWidth=2;noLabel=1;strokeColor=#1F9BFD;',
  },
  _width: 2,
  _height: 55,
}

Single-line text field (normal, light) 4

Preview

Usage

import { SingleLineTextFieldNormalLight4 } from '@dinghy/diagrams/entitiesGmdlTextFields'

<SingleLineTextFieldNormalLight4/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SINGLE_LINE_TEXT_FIELD_NORMAL_LIGHT_4 } from '@dinghy/diagrams/entitiesGmdlTextFields'

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

Definition

{
  _style: {
    entity: 'text;fontColor=#cccccc;fontSize=12;verticalAlign=middle;strokeColor=none;fillColor=none;whiteSpace=wrap;html=1;',
  },
  _width: 0,
  _height: 55,
}

Single-line text field (normal, light) 5

Preview

Usage

import { SingleLineTextFieldNormalLight5 } from '@dinghy/diagrams/entitiesGmdlTextFields'

<SingleLineTextFieldNormalLight5/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SINGLE_LINE_TEXT_FIELD_NORMAL_LIGHT_5 } from '@dinghy/diagrams/entitiesGmdlTextFields'

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

Definition

{
  _style: {
    entity: 'dashed=0;shape=line;strokeWidth=2;noLabel=1;strokeColor=#eeeeee;',
  },
  _width: 2,
  _height: 55,
}

Single-line text field (normal)

Preview

Usage

import { SingleLineTextFieldNormal } from '@dinghy/diagrams/entitiesGmdlTextFields'

<SingleLineTextFieldNormal/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SINGLE_LINE_TEXT_FIELD_NORMAL } from '@dinghy/diagrams/entitiesGmdlTextFields'

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

Definition

{
  _style: {
    entity: 'text;fontColor=#808080;fontSize=16;verticalAlign=middle;strokeColor=none;fillColor=none;whiteSpace=wrap;html=1;',
  },
  _width: 0,
  _height: 35,
}

Single-line text field (normal) 2

Preview

Usage

import { SingleLineTextFieldNormal2 } from '@dinghy/diagrams/entitiesGmdlTextFields'

<SingleLineTextFieldNormal2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SINGLE_LINE_TEXT_FIELD_NORMAL_2 } from '@dinghy/diagrams/entitiesGmdlTextFields'

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

Definition

{
  _style: {
    entity: 'dashed=0;shape=line;strokeWidth=1;noLabel=1;strokeColor=#eeeeee;opacity=50;',
  },
  _width: 1,
  _height: 35,
}

Single-line text field (normal) 3

Preview

Usage

import { SingleLineTextFieldNormal3 } from '@dinghy/diagrams/entitiesGmdlTextFields'

<SingleLineTextFieldNormal3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SINGLE_LINE_TEXT_FIELD_NORMAL_3 } from '@dinghy/diagrams/entitiesGmdlTextFields'

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

Definition

{
  _style: {
    entity: 'dashed=0;shape=line;strokeWidth=1;noLabel=1;strokeColor=#999999;opacity=80;',
  },
  _width: 1,
  _height: 35,
}

Single-line text field (normal) 4

Preview

Usage

import { SingleLineTextFieldNormal4 } from '@dinghy/diagrams/entitiesGmdlTextFields'

<SingleLineTextFieldNormal4/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SINGLE_LINE_TEXT_FIELD_NORMAL_4 } from '@dinghy/diagrams/entitiesGmdlTextFields'

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

Definition

{
  _style: {
    entity: 'text;fontColor=#999999;fontSize=12;verticalAlign=middle;strokeColor=none;fillColor=none;textOpacity=80;whiteSpace=wrap;html=1;',
  },
  _width: 0,
  _height: 55,
}

Single-line text field (normal) 5

Preview

Usage

import { SingleLineTextFieldNormal5 } from '@dinghy/diagrams/entitiesGmdlTextFields'

<SingleLineTextFieldNormal5/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SINGLE_LINE_TEXT_FIELD_NORMAL_5 } from '@dinghy/diagrams/entitiesGmdlTextFields'

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

Definition

{
  _style: {
    entity: 'text;fontColor=#999999;fontSize=16;verticalAlign=middle;strokeColor=none;fillColor=none;textOpacity=80;whiteSpace=wrap;html=1;',
  },
  _width: 1,
  _height: 55,
}

Single-line text field (normal) 6

Preview

Usage

import { SingleLineTextFieldNormal6 } from '@dinghy/diagrams/entitiesGmdlTextFields'

<SingleLineTextFieldNormal6/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SINGLE_LINE_TEXT_FIELD_NORMAL_6 } from '@dinghy/diagrams/entitiesGmdlTextFields'

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

Definition

{
  _style: {
    entity: 'shape=line;strokeWidth=1;noLabel=1;strokeColor=#999999;dashed=1;dashPattern=1 4;opacity=80;',
  },
  _width: 2,
  _height: 55,
}

Single-line text field (press)

Preview

Usage

import { SingleLineTextFieldPress } from '@dinghy/diagrams/entitiesGmdlTextFields'

<SingleLineTextFieldPress/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SINGLE_LINE_TEXT_FIELD_PRESS } from '@dinghy/diagrams/entitiesGmdlTextFields'

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

Definition

{
  _style: {
    entity: 'text;fontColor=#808080;fontSize=16;verticalAlign=middle;strokeColor=none;fillColor=none;opacity=50;whiteSpace=wrap;html=1;',
  },
  _width: 0,
  _height: 35,
}

Single-line text field (press) 2

Preview

Usage

import { SingleLineTextFieldPress2 } from '@dinghy/diagrams/entitiesGmdlTextFields'

<SingleLineTextFieldPress2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SINGLE_LINE_TEXT_FIELD_PRESS_2 } from '@dinghy/diagrams/entitiesGmdlTextFields'

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

Definition

{
  _style: {
    entity: 'dashed=0;shape=line;strokeWidth=2;noLabel=1;strokeColor=#0C8CF2;opacity=50;',
  },
  _width: 1,
  _height: 35,
}

Single-line text field with icon (normal, light)

Preview

Usage

import { SingleLineTextFieldWithIconNormalLight } from '@dinghy/diagrams/entitiesGmdlTextFields'

<SingleLineTextFieldWithIconNormalLight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SINGLE_LINE_TEXT_FIELD_WITH_ICON_NORMAL_LIGHT } from '@dinghy/diagrams/entitiesGmdlTextFields'

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

Definition

{
  _style: {
    entity: 'shape=rect;strokeColor=none;fillColor=none;',
  },
  _width: 346,
  _height: 35,
}