Gmdl Text Fields Entities
Full text field
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition

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)}
/>
{
_style: {
entity: 'dashed=0;shape=rect;fillColor=#ffffff;strokeColor=#eeeeee;shadow=1;',
},
_width: 346,
_height: 360,
}
Single-line text field (disabled)
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_style: {
entity: 'dashed=0;shape=line;strokeWidth=1;noLabel=1;strokeColor=#999999;',
},
_width: 2,
_height: 55,
}
Single-line text field (normal, light)
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_style: {
entity: 'dashed=0;shape=line;strokeWidth=2;noLabel=1;strokeColor=#eeeeee;',
},
_width: 2,
_height: 55,
}
Single-line text field (normal)
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_style: {
entity: 'shape=rect;strokeColor=none;fillColor=none;',
},
_width: 346,
_height: 35,
}