Gmdl Chips Entities

Chip with text and icon

Preview

Usage

import { ChipWithTextAndIcon } from '@dinghy/diagrams/entitiesGmdlChips'

<ChipWithTextAndIcon/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CHIP_WITH_TEXT_AND_ICON } from '@dinghy/diagrams/entitiesGmdlChips'

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

Definition

{
  _style: {
    entity: 'shape=rect;arcSize=50;strokeColor=none;fillColor=#eeeeee;rounded=1;spacingLeft=24;fontSize=13;align=center;whiteSpace=wrap;html=1;',
  },
  _width: 170,
  _height: 32,
}

List Style

Preview

Usage

import { ListStyle } from '@dinghy/diagrams/entitiesGmdlChips'

<ListStyle/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LIST_STYLE } from '@dinghy/diagrams/entitiesGmdlChips'

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

Definition

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