Software Bootstrap Containers

Dropdown button 3

Preview

Usage

import { DropdownButton3 } from '@dinghy/diagrams/containersBootstrap'

<DropdownButton3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DROPDOWN_BUTTON_3 } from '@dinghy/diagrams/containersBootstrap'

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

Definition

{
  _style: {
    container: 'swimlane;container=1;shape=mxgraph.bootstrap.rrect;rSize=5;strokeColor=#999999;fillColor=#ffffff;fontStyle=0;childLayout=stackLayout;horizontal=1;startSize=0;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=0;marginBottom=0;whiteSpace=wrap;html=1;',
    entity:{
      strokeColor:'#999999',fillColor:'#ffffff',},
    },
}

Dropdown button 6

Preview

Usage

import { DropdownButton6 } from '@dinghy/diagrams/containersBootstrap'

<DropdownButton6/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DROPDOWN_BUTTON_6 } from '@dinghy/diagrams/containersBootstrap'

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

Definition

{
  _style: {
    container: 'swimlane;container=1;shape=mxgraph.bootstrap.rrect;rSize=5;strokeColor=#999999;fillColor=#ffffff;fontStyle=0;childLayout=stackLayout;horizontal=1;startSize=0;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=0;marginBottom=0;whiteSpace=wrap;html=1;marginTop=10;marginBottom=10;',
    entity:{
      strokeColor:'#999999',fillColor:'#ffffff',},
    },
}