Gmdl Lists Entities

Item list

Preview

Usage

import { ItemList } from '@dinghy/diagrams/entitiesGmdlLists'

<ItemList/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ITEM_LIST } from '@dinghy/diagrams/entitiesGmdlLists'

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

Definition

{
  _style: {
    entity: 'shape=rect;strokeColor=#eeeeee;fillColor=#ffffff;shadow=1;',
  },
  _width: 152,
  _height: 631,
}

Line item with primary checkbox

Preview

Usage

import { LineItemWithPrimaryCheckbox } from '@dinghy/diagrams/entitiesGmdlLists'

<LineItemWithPrimaryCheckbox/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LINE_ITEM_WITH_PRIMARY_CHECKBOX } from '@dinghy/diagrams/entitiesGmdlLists'

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

Definition

{
  _style: {
    entity: 'dashed=0;shape=rect;fillColor=#ffffff;strokeColor=none;verticalLabelPosition=middle;align=left;verticalAlign=middle;fontSize=15;spacingLeft=72;whiteSpace=wrap;html=1;',
  },
  _width: 358,
  _height: 56,
}

Scannable list

Preview

Usage

import { ScannableList } from '@dinghy/diagrams/entitiesGmdlLists'

<ScannableList/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SCANNABLE_LIST } from '@dinghy/diagrams/entitiesGmdlLists'

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

Definition

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