Gmdl Chips Entities
Chip with text and iconâ
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_style: {
entity: 'dashed=0;shape=rect;fillColor=#ffffff;strokeColor=none;',
},
_width: 358,
_height: 642,
}