Software Android Entities

Action Bar

Preview

Usage

import { ActionBar } from '@dinghy/diagrams/entitiesAndroid'

<ActionBar/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACTION_BAR } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.action_bar;fillColor=#1A1A1A;strokeColor=#c0c0c0;strokeWidth=2;fontColor=#FFFFFF;whiteSpace=wrap;',
  },
  _width: 185,
  _height: 30,
}

Action Bar (Bright)

Preview

Usage

import { ActionBarBright } from '@dinghy/diagrams/entitiesAndroid'

<ActionBarBright/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACTION_BAR_BRIGHT } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.action_bar;fillColor=#E6E6E6;strokeColor=#c0c0c0;strokeWidth=2;whiteSpace=wrap;',
  },
  _width: 185,
  _height: 30,
}

Action Bar Landscape

Preview

Usage

import { ActionBarLandscape } from '@dinghy/diagrams/entitiesAndroid'

<ActionBarLandscape/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACTION_BAR_LANDSCAPE } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.action_bar_landscape;fillColor=#1A1A1A;strokeColor=#c0c0c0;strokeWidth=2;fontColor=#FFFFFF;whiteSpace=wrap;',
  },
  _width: 320,
  _height: 30,
}

Action Bar Landscape (Bright)

Preview

Usage

import { ActionBarLandscapeBright } from '@dinghy/diagrams/entitiesAndroid'

<ActionBarLandscapeBright/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACTION_BAR_LANDSCAPE_BRIGHT } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.action_bar_landscape;fillColor=#E6E6E6;strokeColor=#c0c0c0;strokeWidth=2;whiteSpace=wrap;',
  },
  _width: 320,
  _height: 30,
}

Button (Disabled, Bright)

Preview

Usage

import { ButtonDisabledBright } from '@dinghy/diagrams/entitiesAndroid'

<ButtonDisabledBright/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUTTON_DISABLED_BRIGHT } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'rounded=1;html=1;shadow=0;dashed=0;whiteSpace=wrap;fontSize=10;fillColor=#F4F4F4;align=center;strokeColor=#F4F4F4;fontColor=#CCCCCC;',
  },
  _width: 105.5,
  _height: 16.88,
}

Button (Disabled)

Preview

Usage

import { ButtonDisabled } from '@dinghy/diagrams/entitiesAndroid'

<ButtonDisabled/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUTTON_DISABLED } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'rounded=1;html=1;shadow=0;dashed=0;whiteSpace=wrap;fontSize=10;fillColor=#333333;align=center;strokeColor=#333333;fontColor=#666666;',
  },
  _width: 105.5,
  _height: 16.88,
}

Button (Focused, Bright)

Preview

Usage

import { ButtonFocusedBright } from '@dinghy/diagrams/entitiesAndroid'

<ButtonFocusedBright/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUTTON_FOCUSED_BRIGHT } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'rounded=1;html=1;shadow=0;dashed=0;whiteSpace=wrap;fontSize=10;fillColor=#E6E6E6;align=center;strokeColor=#B3B3B3;fontColor=#333333;',
  },
  _width: 105.5,
  _height: 16.88,
}

Button (Focused, Disabled, Bright)

Preview

Usage

import { ButtonFocusedDisabledBright } from '@dinghy/diagrams/entitiesAndroid'

<ButtonFocusedDisabledBright/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUTTON_FOCUSED_DISABLED_BRIGHT } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'rounded=1;html=1;shadow=0;dashed=0;whiteSpace=wrap;fontSize=10;fillColor=#F4F4F4;align=center;strokeColor=#E6E6E6;fontColor=#CCCCCC;',
  },
  _width: 105.5,
  _height: 16.88,
}

Button (Focused, Disabled)

Preview

Usage

import { ButtonFocusedDisabled } from '@dinghy/diagrams/entitiesAndroid'

<ButtonFocusedDisabled/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUTTON_FOCUSED_DISABLED } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'rounded=1;html=1;shadow=0;dashed=0;whiteSpace=wrap;fontSize=10;fillColor=#333333;align=center;strokeColor=#4D4D4D;fontColor=#666666;',
  },
  _width: 105.5,
  _height: 16.88,
}

Button (Focused)

Preview

Usage

import { ButtonFocused } from '@dinghy/diagrams/entitiesAndroid'

<ButtonFocused/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUTTON_FOCUSED } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'rounded=1;html=1;shadow=0;dashed=0;whiteSpace=wrap;fontSize=10;fillColor=#666666;align=center;strokeColor=#999999;fontColor=#ffffff;',
  },
  _width: 105.5,
  _height: 16.88,
}

Button (Normal, Bright)

Preview

Usage

import { ButtonNormalBright } from '@dinghy/diagrams/entitiesAndroid'

<ButtonNormalBright/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUTTON_NORMAL_BRIGHT } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'rounded=1;html=1;shadow=0;dashed=0;whiteSpace=wrap;fontSize=10;fillColor=#E6E6E6;align=center;strokeColor=#E6E6E6;fontColor=#333333;',
  },
  _width: 105.5,
  _height: 16.88,
}

Button (Normal)

Preview

Usage

import { ButtonNormal } from '@dinghy/diagrams/entitiesAndroid'

<ButtonNormal/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUTTON_NORMAL } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'rounded=1;html=1;shadow=0;dashed=0;whiteSpace=wrap;fontSize=10;fillColor=#666666;align=center;strokeColor=#4D4D4D;fontColor=#ffffff;',
  },
  _width: 105.5,
  _height: 16.88,
}

Button (Pressed, Bright)

Preview

Usage

import { ButtonPressedBright } from '@dinghy/diagrams/entitiesAndroid'

<ButtonPressedBright/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUTTON_PRESSED_BRIGHT } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'rounded=1;html=1;shadow=0;dashed=0;whiteSpace=wrap;fontSize=10;fillColor=#B3B3B3;align=center;strokeColor=#E6E6E6;fontColor=#333333;strokeWidth=2;',
  },
  _width: 105.5,
  _height: 16.88,
}

Button (Pressed)

Preview

Usage

import { ButtonPressed } from '@dinghy/diagrams/entitiesAndroid'

<ButtonPressed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUTTON_PRESSED } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'rounded=1;html=1;shadow=0;dashed=0;whiteSpace=wrap;fontSize=10;fillColor=#999999;align=center;strokeColor=#666666;fontColor=#ffffff;strokeWidth=2;',
  },
  _width: 105.5,
  _height: 16.88,
}

Checkboxes

Preview

Usage

import { Checkboxes } from '@dinghy/diagrams/entitiesAndroid'

<Checkboxes/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CHECKBOXES } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=transparent;strokeColor=#33b5e5',
  },
  _width: 0,
  _height: 50,
}

Color

Preview

Usage

import { Color } from '@dinghy/diagrams/entitiesAndroid'

<Color/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COLOR } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;strokeColor=none;shape=rect;fillColor=#33b5e5;',
  },
  _original_width: 50,
  _original_height: 50,

}

Color 10

Preview

Usage

import { Color10 } from '@dinghy/diagrams/entitiesAndroid'

<Color10/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COLOR_10 } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;strokeColor=none;shape=rect;fillColor=#cc0000;',
  },
  _original_width: 50,
  _original_height: 50,

}

Color 2

Preview

Usage

import { Color2 } from '@dinghy/diagrams/entitiesAndroid'

<Color2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COLOR_2 } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;strokeColor=none;shape=rect;fillColor=#0099cc;',
  },
  _original_width: 50,
  _original_height: 50,

}

Color 3

Preview

Usage

import { Color3 } from '@dinghy/diagrams/entitiesAndroid'

<Color3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COLOR_3 } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;strokeColor=none;shape=rect;fillColor=#aa66cc;',
  },
  _original_width: 50,
  _original_height: 50,

}

Color 4

Preview

Usage

import { Color4 } from '@dinghy/diagrams/entitiesAndroid'

<Color4/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COLOR_4 } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;strokeColor=none;shape=rect;fillColor=#9933cc;',
  },
  _original_width: 50,
  _original_height: 50,

}

Color 5

Preview

Usage

import { Color5 } from '@dinghy/diagrams/entitiesAndroid'

<Color5/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COLOR_5 } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;strokeColor=none;shape=rect;fillColor=#99cc00;',
  },
  _original_width: 50,
  _original_height: 50,

}

Color 6

Preview

Usage

import { Color6 } from '@dinghy/diagrams/entitiesAndroid'

<Color6/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COLOR_6 } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;strokeColor=none;shape=rect;fillColor=#669900;',
  },
  _original_width: 50,
  _original_height: 50,

}

Color 7

Preview

Usage

import { Color7 } from '@dinghy/diagrams/entitiesAndroid'

<Color7/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COLOR_7 } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;strokeColor=none;shape=rect;fillColor=#ffbb33;',
  },
  _original_width: 50,
  _original_height: 50,

}

Color 8

Preview

Usage

import { Color8 } from '@dinghy/diagrams/entitiesAndroid'

<Color8/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COLOR_8 } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;strokeColor=none;shape=rect;fillColor=#ff8800;',
  },
  _original_width: 50,
  _original_height: 50,

}

Color 9

Preview

Usage

import { Color9 } from '@dinghy/diagrams/entitiesAndroid'

<Color9/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COLOR_9 } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;strokeColor=none;shape=rect;fillColor=#ff4444;',
  },
  _original_width: 50,
  _original_height: 50,

}

Contact Badge Focused

Preview

Usage

import { ContactBadgeFocused } from '@dinghy/diagrams/entitiesAndroid'

<ContactBadgeFocused/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONTACT_BADGE_FOCUSED } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.contact_badge_focused;sketch=0;',
  },
  _original_width: 40,
  _original_height: 40,

}

Contact Badge Normal

Preview

Usage

import { ContactBadgeNormal } from '@dinghy/diagrams/entitiesAndroid'

<ContactBadgeNormal/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONTACT_BADGE_NORMAL } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.contact_badge_normal;sketch=0;',
  },
  _original_width: 40,
  _original_height: 40,

}

Contact Badge Pressed

Preview

Usage

import { ContactBadgePressed } from '@dinghy/diagrams/entitiesAndroid'

<ContactBadgePressed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONTACT_BADGE_PRESSED } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.contact_badge_pressed;sketch=0;',
  },
  _original_width: 40,
  _original_height: 40,

}

Contextual Action Bar

Preview

Usage

import { ContextualActionBar } from '@dinghy/diagrams/entitiesAndroid'

<ContextualActionBar/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONTEXTUAL_ACTION_BAR } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.contextual_action_bar;fillColor=#002E3E;sketch=0;',
  },
  _width: 0,
  _height: 30,
}

Contextual Action Bar (Bright)

Preview

Usage

import { ContextualActionBarBright } from '@dinghy/diagrams/entitiesAndroid'

<ContextualActionBarBright/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONTEXTUAL_ACTION_BAR_BRIGHT } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.contextual_action_bar_white;fillColor=#E6E6E6;',
  },
  _width: 0,
  _height: 30,
}

Contextual Action Bar Landscape

Preview

Usage

import { ContextualActionBarLandscape } from '@dinghy/diagrams/entitiesAndroid'

<ContextualActionBarLandscape/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONTEXTUAL_ACTION_BAR_LANDSCAPE } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.contextual_action_bar_landscape;fillColor=#002E3E;sketch=0;',
  },
  _width: 0,
  _height: 30,
}

Contextual Action Bar Landscape (Bright)

Preview

Usage

import { ContextualActionBarLandscapeBright } from '@dinghy/diagrams/entitiesAndroid'

<ContextualActionBarLandscapeBright/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONTEXTUAL_ACTION_BAR_LANDSCAPE_BRIGHT } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.contextual_action_bar_landscape_white;fillColor=#E6E6E6;',
  },
  _width: 0,
  _height: 30,
}

Contextual Split Action Bar

Preview

Usage

import { ContextualSplitActionBar } from '@dinghy/diagrams/entitiesAndroid'

<ContextualSplitActionBar/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONTEXTUAL_SPLIT_ACTION_BAR } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.contextual_split_action_bar;fillColor=#002E3E;fontColor=#FFFFFF;',
  },
  _width: 0,
  _height: 70,
}

Contextual Split Action Bar (Bright)

Preview

Usage

import { ContextualSplitActionBarBright } from '@dinghy/diagrams/entitiesAndroid'

<ContextualSplitActionBarBright/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONTEXTUAL_SPLIT_ACTION_BAR_BRIGHT } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.contextual_split_action_bar_white;fillColor=#E6E6E6;',
  },
  _width: 0,
  _height: 70,
}

Contextual Split Action Bar Landscape

Preview

Usage

import { ContextualSplitActionBarLandscape } from '@dinghy/diagrams/entitiesAndroid'

<ContextualSplitActionBarLandscape/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONTEXTUAL_SPLIT_ACTION_BAR_LANDSCAPE } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.contextual_split_action_bar_landscape;fillColor=#002E3E;fontColor=#FFFFFF;',
  },
  _width: 0,
  _height: 70,
}

Contextual Split Action Bar Landscape (Bright)

Preview

Usage

import { ContextualSplitActionBarLandscapeBright } from '@dinghy/diagrams/entitiesAndroid'

<ContextualSplitActionBarLandscapeBright/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONTEXTUAL_SPLIT_ACTION_BAR_LANDSCAPE_BRIGHT } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.contextual_split_action_bar_landscape_white;fillColor=#E6E6E6;',
  },
  _width: 0,
  _height: 70,
}

Indeterminate Progress Bar

Preview

Usage

import { IndeterminateProgressBar } from '@dinghy/diagrams/entitiesAndroid'

<IndeterminateProgressBar/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INDETERMINATE_PROGRESS_BAR } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.indeterminate_progress_bar;strokeColor=#33B5E5;pointerEvents=1',
  },
  _width: 149,
  _height: 5,
}

Indeterminate Spinner

Preview

Usage

import { IndeterminateSpinner } from '@dinghy/diagrams/entitiesAndroid'

<IndeterminateSpinner/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INDETERMINATE_SPINNER } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.indeterminateSpinner;',
  },
  _original_width: 50,
  _original_height: 50,

}

Keyboard

Preview

Usage

import { Keyboard } from '@dinghy/diagrams/entitiesAndroid'

<Keyboard/>

// or

import { extendStyle } from "@dinghy/base-components";
import { KEYBOARD } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.keyboard;sketch=0;',
  },
  _width: 185,
  _height: 100,
}

Menu bar

Preview

Usage

import { MenuBar } from '@dinghy/diagrams/entitiesAndroid'

<MenuBar/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MENU_BAR } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.rrect;rSize=0;strokeColor=#888888;fillColor=#444444;',
  },
  _width: 0,
  _height: 50,
}

Menu bar 2

Preview

Usage

import { MenuBar2 } from '@dinghy/diagrams/entitiesAndroid'

<MenuBar2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MENU_BAR_2 } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.rrect;rSize=0;strokeColor=#eeeeee;fillColor=#ffffff;gradientColor=none;',
  },
  _width: 0,
  _height: 50,
}

Navigation Bar

Preview

Usage

import { NavigationBar } from '@dinghy/diagrams/entitiesAndroid'

<NavigationBar/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NAVIGATION_BAR } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=2;shape=mxgraph.android.navigation_bar_1;fillColor=#1A1A1A;strokeColor=#999999;sketch=0;',
  },
  _width: 185,
  _height: 30,
}

Navigation Bar 2

Preview

Usage

import { NavigationBar2 } from '@dinghy/diagrams/entitiesAndroid'

<NavigationBar2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NAVIGATION_BAR_2 } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=2;shape=mxgraph.android.navigation_bar_2;fillColor=#1A1A1A;strokeColor=#999999;sketch=0;',
  },
  _width: 185,
  _height: 30,
}

Navigation Bar 3

Preview

Usage

import { NavigationBar3 } from '@dinghy/diagrams/entitiesAndroid'

<NavigationBar3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NAVIGATION_BAR_3 } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=2;shape=mxgraph.android.navigation_bar_3;fillColor=#1A1A1A;strokeColor=#999999;sketch=0;',
  },
  _width: 185,
  _height: 30,
}

Navigation Bar 4

Preview

Usage

import { NavigationBar4 } from '@dinghy/diagrams/entitiesAndroid'

<NavigationBar4/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NAVIGATION_BAR_4 } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=2;shape=mxgraph.android.navigation_bar_4;fillColor=#1A1A1A;strokeColor=#999999;sketch=0;',
  },
  _width: 185,
  _height: 30,
}

Navigation Bar 5

Preview

Usage

import { NavigationBar5 } from '@dinghy/diagrams/entitiesAndroid'

<NavigationBar5/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NAVIGATION_BAR_5 } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=2;shape=mxgraph.android.navigation_bar_5;fillColor=#1A1A1A;strokeColor=#999999;sketch=0;',
  },
  _width: 185,
  _height: 30,
}

Navigation Bar 6

Preview

Usage

import { NavigationBar6 } from '@dinghy/diagrams/entitiesAndroid'

<NavigationBar6/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NAVIGATION_BAR_6 } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=2;shape=mxgraph.android.navigation_bar_6;fillColor=#1A1A1A;strokeColor=#999999;sketch=0;',
  },
  _width: 185,
  _height: 30,
}

Navigation Bar Landscape

Preview

Usage

import { NavigationBarLandscape } from '@dinghy/diagrams/entitiesAndroid'

<NavigationBarLandscape/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NAVIGATION_BAR_LANDSCAPE } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=2;shape=mxgraph.android.navigation_bar_1_landscape;fillColor=#1A1A1A;strokeColor=#999999;sketch=0;',
  },
  _width: 320,
  _height: 30,
}

Navigation Bar Landscape 2

Preview

Usage

import { NavigationBarLandscape2 } from '@dinghy/diagrams/entitiesAndroid'

<NavigationBarLandscape2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NAVIGATION_BAR_LANDSCAPE_2 } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=2;shape=mxgraph.android.navigation_bar_3_landscape;fillColor=#1A1A1A;strokeColor=#999999;sketch=0;',
  },
  _width: 320,
  _height: 30,
}

Navigation Bar Vertical

Preview

Usage

import { NavigationBarVertical } from '@dinghy/diagrams/entitiesAndroid'

<NavigationBarVertical/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NAVIGATION_BAR_VERTICAL } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=2;shape=mxgraph.android.navigation_bar_1_vertical;fillColor=#1A1A1A;strokeColor=#999999;sketch=0;',
  },
  _width: 30,
  _height: 320,
}

Navigation Bar Vertical 2

Preview

Usage

import { NavigationBarVertical2 } from '@dinghy/diagrams/entitiesAndroid'

<NavigationBarVertical2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NAVIGATION_BAR_VERTICAL_2 } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=2;shape=mxgraph.android.navigation_bar_5_vertical;fillColor=#1A1A1A;strokeColor=#999999;sketch=0;',
  },
  _width: 30,
  _height: 320,
}

Phone

Preview

Usage

import { Phone } from '@dinghy/diagrams/entitiesAndroid'

<Phone/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PHONE } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.phone2;strokeColor=#c0c0c0;',
  },
  _width: 200,
  _height: 390,
}

Phone (landscape)

Preview

Usage

import { PhoneLandscape } from '@dinghy/diagrams/entitiesAndroid'

<PhoneLandscape/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PHONE_LANDSCAPE } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.phone2;strokeColor=#c0c0c0;direction=south;',
  },
  _width: 390,
  _height: 200,
}

Progress Bar

Preview

Usage

import { ProgressBar } from '@dinghy/diagrams/entitiesAndroid'

<ProgressBar/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PROGRESS_BAR } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.progressBar;strokeColor=#33b5e5;dx1=0.8;dx2=0.6;strokeWidth=2;',
  },
  _width: 185,
  _height: 5,
}

Progress Scrubber Disabled

Preview

Usage

import { ProgressScrubberDisabled } from '@dinghy/diagrams/entitiesAndroid'

<ProgressScrubberDisabled/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PROGRESS_SCRUBBER_DISABLED } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.progressScrubberDisabled;dx=0.3;fillColor=#33b5e5;',
  },
  _width: 185,
  _height: 16,
}

Progress Scrubber Focused

Preview

Usage

import { ProgressScrubberFocused } from '@dinghy/diagrams/entitiesAndroid'

<ProgressScrubberFocused/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PROGRESS_SCRUBBER_FOCUSED } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.progressScrubberFocused;dx=0.3;fillColor=#33b5e5;',
  },
  _width: 185,
  _height: 16,
}

Progress Scrubber Pressed

Preview

Usage

import { ProgressScrubberPressed } from '@dinghy/diagrams/entitiesAndroid'

<ProgressScrubberPressed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PROGRESS_SCRUBBER_PRESSED } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.progressScrubberPressed;dx=0.3;fillColor=#33b5e5;',
  },
  _width: 185,
  _height: 16,
}

Quick Contact

Preview

Usage

import { QuickContact } from '@dinghy/diagrams/entitiesAndroid'

<QuickContact/>

// or

import { extendStyle } from "@dinghy/base-components";
import { QUICK_CONTACT } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.quick_contact;sketch=0;',
  },
  _width: 0,
  _height: 165,
}

Quickscroll

Preview

Usage

import { Quickscroll } from '@dinghy/diagrams/entitiesAndroid'

<Quickscroll/>

// or

import { extendStyle } from "@dinghy/base-components";
import { QUICKSCROLL } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.quickscroll2;dy=0.5;fillColor=#33b5e5;strokeColor=#66D5F5;',
  },
  _width: 58,
  _height: 320,
}

Quickscroll 2

Preview

Usage

import { Quickscroll2 } from '@dinghy/diagrams/entitiesAndroid'

<Quickscroll2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { QUICKSCROLL_2 } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.quickscroll3;dy=0.5;fillColor=#33b5e5;strokeColor=#66D5F5;',
  },
  _width: 6,
  _height: 320,
}

Scrollable Tab

Preview

Usage

import { ScrollableTab } from '@dinghy/diagrams/entitiesAndroid'

<ScrollableTab/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SCROLLABLE_TAB } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.rrect;rSize=0;fillColor=#444444;strokeColor=none;',
  },
  _width: 0,
  _height: 15,
}

Scrollbars

Preview

Usage

import { Scrollbars } from '@dinghy/diagrams/entitiesAndroid'

<Scrollbars/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SCROLLBARS } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.scrollbars2;fillColor=#999999;strokeColor=none;',
  },
  _original_width: 56,
  _original_height: 56,

}

Section Header (Activated, Bright)

Preview

Usage

import { SectionHeaderActivatedBright } from '@dinghy/diagrams/entitiesAndroid'

<SectionHeaderActivatedBright/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SECTION_HEADER_ACTIVATED_BRIGHT } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'whiteSpace=wrap;html=1;shadow=0;dashed=0;fontSize=10;align=left;fillColor=#33b5e5;strokeColor=#33B5E5;fontColor=#4D4D4D;',
  },
  _width: 168.8,
  _height: 16.88,
}

Section Header (Activated)

Preview

Usage

import { SectionHeaderActivated } from '@dinghy/diagrams/entitiesAndroid'

<SectionHeaderActivated/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SECTION_HEADER_ACTIVATED } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'whiteSpace=wrap;html=1;shadow=0;dashed=0;fontSize=10;align=left;fillColor=#33b5e5;strokeColor=#33B5E5;fontColor=#FFFFFF;',
  },
  _width: 168.8,
  _height: 16.88,
}

Section Header (Disabled focused, Bright)

Preview

Usage

import { SectionHeaderDisabledFocusedBright } from '@dinghy/diagrams/entitiesAndroid'

<SectionHeaderDisabledFocusedBright/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SECTION_HEADER_DISABLED_FOCUSED_BRIGHT } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'whiteSpace=wrap;html=1;shadow=0;dashed=0;fontSize=10;align=left;fillColor=#99e5ff;strokeColor=#33B5E5;fontColor=#B3B3B3;',
  },
  _width: 168.8,
  _height: 16.88,
}

Section Header (Disabled focused)

Preview

Usage

import { SectionHeaderDisabledFocused } from '@dinghy/diagrams/entitiesAndroid'

<SectionHeaderDisabledFocused/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SECTION_HEADER_DISABLED_FOCUSED } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'whiteSpace=wrap;html=1;shadow=0;dashed=0;fontSize=10;align=left;fillColor=#006699;strokeColor=#33B5E5;fontColor=#B3B3B3;',
  },
  _width: 168.8,
  _height: 16.88,
}

Section Header (Disabled, Bright)

Preview

Usage

import { SectionHeaderDisabledBright } from '@dinghy/diagrams/entitiesAndroid'

<SectionHeaderDisabledBright/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SECTION_HEADER_DISABLED_BRIGHT } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'whiteSpace=wrap;html=1;shadow=0;dashed=0;fontSize=10;align=left;fillColor=#FFFFFF;strokeColor=#FFFFFF;fontColor=#B3B3B3;',
  },
  _width: 168.8,
  _height: 16.88,
}

Section Header (Disabled)

Preview

Usage

import { SectionHeaderDisabled } from '@dinghy/diagrams/entitiesAndroid'

<SectionHeaderDisabled/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SECTION_HEADER_DISABLED } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'whiteSpace=wrap;html=1;shadow=0;dashed=0;fontSize=10;align=left;fillColor=#1A1A1A;strokeColor=#1A1A1A;fontColor=#B3B3B3;',
  },
  _width: 168.8,
  _height: 16.88,
}

Section Header (Focused, Bright)

Preview

Usage

import { SectionHeaderFocusedBright } from '@dinghy/diagrams/entitiesAndroid'

<SectionHeaderFocusedBright/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SECTION_HEADER_FOCUSED_BRIGHT } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'whiteSpace=wrap;html=1;shadow=0;dashed=0;fontSize=10;align=left;fillColor=#99e5ff;strokeColor=#33B5E5;fontColor=#4D4D4D;',
  },
  _width: 168.8,
  _height: 16.88,
}

Section Header (Focused)

Preview

Usage

import { SectionHeaderFocused } from '@dinghy/diagrams/entitiesAndroid'

<SectionHeaderFocused/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SECTION_HEADER_FOCUSED } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'whiteSpace=wrap;html=1;shadow=0;dashed=0;fontSize=10;align=left;fillColor=#006699;strokeColor=#33B5E5;fontColor=#FFFFFF;',
  },
  _width: 168.8,
  _height: 16.88,
}

Section Header (Normal, Bright)

Preview

Usage

import { SectionHeaderNormalBright } from '@dinghy/diagrams/entitiesAndroid'

<SectionHeaderNormalBright/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SECTION_HEADER_NORMAL_BRIGHT } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'whiteSpace=wrap;html=1;shadow=0;dashed=0;fontSize=10;align=left;fillColor=#FFFFFF;strokeColor=#FFFFFF;fontColor=#4D4D4D;',
  },
  _width: 168.8,
  _height: 16.88,
}

Section Header (Normal)

Preview

Usage

import { SectionHeaderNormal } from '@dinghy/diagrams/entitiesAndroid'

<SectionHeaderNormal/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SECTION_HEADER_NORMAL } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'whiteSpace=wrap;html=1;shadow=0;dashed=0;fontSize=10;align=left;fillColor=#1A1A1A;strokeColor=#1A1A1A;fontColor=#FFFFFF;',
  },
  _width: 168.8,
  _height: 16.88,
}

Section Header (Pressed, Bright)

Preview

Usage

import { SectionHeaderPressedBright } from '@dinghy/diagrams/entitiesAndroid'

<SectionHeaderPressedBright/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SECTION_HEADER_PRESSED_BRIGHT } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'whiteSpace=wrap;html=1;shadow=0;dashed=0;fontSize=10;align=left;fillColor=#f6f6f6;strokeColor=#f6f6f6;fontColor=#4D4D4D;',
  },
  _width: 168.8,
  _height: 16.88,
}

Section Header (Pressed)

Preview

Usage

import { SectionHeaderPressed } from '@dinghy/diagrams/entitiesAndroid'

<SectionHeaderPressed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SECTION_HEADER_PRESSED } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'whiteSpace=wrap;html=1;shadow=0;dashed=0;fontSize=10;align=left;fillColor=#4D4D4D;strokeColor=#4D4D4D;fontColor=#FFFFFF;',
  },
  _width: 168.8,
  _height: 16.88,
}

Spinner Disabled Focused

Preview

Usage

import { SpinnerDisabledFocused } from '@dinghy/diagrams/entitiesAndroid'

<SpinnerDisabledFocused/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SPINNER_DISABLED_FOCUSED } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.rect;rounded=1;fillColor=#207585;strokeColor=#33b5e5;',
  },
  _width: 0,
  _height: 28,
}

Spinner Disabled Focused Bright

Preview

Usage

import { SpinnerDisabledFocusedBright } from '@dinghy/diagrams/entitiesAndroid'

<SpinnerDisabledFocusedBright/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SPINNER_DISABLED_FOCUSED_BRIGHT } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.rect;rounded=1;fillColor=#ccf2ff;strokeColor=#88c5f5;',
  },
  _width: 0,
  _height: 28,
}

Spinner Focused

Preview

Usage

import { SpinnerFocused } from '@dinghy/diagrams/entitiesAndroid'

<SpinnerFocused/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SPINNER_FOCUSED } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.spinner2;align=center;fillColor=#33b5e5;strokeColor=#33b5e5;verticalAlign=bottom',
  },
  _width: 110,
  _height: 10,
}

Spinner Normal

Preview

Usage

import { SpinnerNormal } from '@dinghy/diagrams/entitiesAndroid'

<SpinnerNormal/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SPINNER_NORMAL } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.spinner2;align=center;fillColor=#999999;strokeColor=#999999;verticalAlign=bottom',
  },
  _width: 110,
  _height: 10,
}

Spinner Pressed

Preview

Usage

import { SpinnerPressed } from '@dinghy/diagrams/entitiesAndroid'

<SpinnerPressed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SPINNER_PRESSED } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.rect;rounded=1;fillColor=#33b5e5;strokeColor=#33b5e5;',
  },
  _width: 0,
  _height: 28,
}

Split Action Bar

Preview

Usage

import { SplitActionBar } from '@dinghy/diagrams/entitiesAndroid'

<SplitActionBar/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SPLIT_ACTION_BAR } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.split_action_bar;fillColor=#1A1A1A;',
  },
  _width: 0,
  _height: 70,
}

Split Action Bar (Bright)

Preview

Usage

import { SplitActionBarBright } from '@dinghy/diagrams/entitiesAndroid'

<SplitActionBarBright/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SPLIT_ACTION_BAR_BRIGHT } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.split_action_bar;fillColor=#E6E6E6;',
  },
  _width: 0,
  _height: 70,
}

Split Action Bar Landscape

Preview

Usage

import { SplitActionBarLandscape } from '@dinghy/diagrams/entitiesAndroid'

<SplitActionBarLandscape/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SPLIT_ACTION_BAR_LANDSCAPE } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.split_action_bar_landscape;fillColor=#1A1A1A;',
  },
  _width: 0,
  _height: 70,
}

Split Action Bar Landscape (Bright)

Preview

Usage

import { SplitActionBarLandscapeBright } from '@dinghy/diagrams/entitiesAndroid'

<SplitActionBarLandscapeBright/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SPLIT_ACTION_BAR_LANDSCAPE_BRIGHT } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.split_action_bar_landscape;fillColor=#E6E6E6;',
  },
  _width: 0,
  _height: 70,
}

Status bar (portrait)

Preview

Usage

import { StatusBarPortrait } from '@dinghy/diagrams/entitiesAndroid'

<StatusBarPortrait/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STATUS_BAR_PORTRAIT } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.statusBar;align=center;fillColor=#000000;strokeColor=#ffffff;fontColor=#ffffff;fontSize=10;sketch=0;',
  },
  _width: 183.57,
  _height: 15.825,
}

Switch Off

Preview

Usage

import { SwitchOff } from '@dinghy/diagrams/entitiesAndroid'

<SwitchOff/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SWITCH_OFF } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.switch_off;fillColor=#666666;sketch=0;',
  },
  _width: 80,
  _height: 20,
}

Switch Off 2

Preview

Usage

import { SwitchOff2 } from '@dinghy/diagrams/entitiesAndroid'

<SwitchOff2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SWITCH_OFF_2 } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.switch_off;fillColor=#E6E6E6;sketch=0;',
  },
  _width: 80,
  _height: 20,
}

Switch On

Preview

Usage

import { SwitchOn } from '@dinghy/diagrams/entitiesAndroid'

<SwitchOn/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SWITCH_ON } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.switch_on;fillColor=#666666;sketch=0;',
  },
  _width: 80,
  _height: 20,
}

Switch On 2

Preview

Usage

import { SwitchOn2 } from '@dinghy/diagrams/entitiesAndroid'

<SwitchOn2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SWITCH_ON_2 } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.switch_on;fillColor=#E6E6E6;sketch=0;',
  },
  _width: 80,
  _height: 20,
}

Tab

Preview

Usage

import { Tab } from '@dinghy/diagrams/entitiesAndroid'

<Tab/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TAB } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.tab2;strokeColor=#c0c0c0;',
  },
  _width: 472,
  _height: 686,
}

Tab (landscape)

Preview

Usage

import { TabLandscape } from '@dinghy/diagrams/entitiesAndroid'

<TabLandscape/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TAB_LANDSCAPE } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.tab2;strokeColor=#c0c0c0;direction=north;',
  },
  _width: 686,
  _height: 472,
}

Tab Bar Bright

Preview

Usage

import { TabBarBright } from '@dinghy/diagrams/entitiesAndroid'

<TabBarBright/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TAB_BAR_BRIGHT } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.rrect;rSize=0;fillColor=#eeeeee;strokeColor=none;',
  },
  _width: 185,
  _height: 30,
}

Text Insertion Point

Preview

Usage

import { TextInsertionPoint } from '@dinghy/diagrams/entitiesAndroid'

<TextInsertionPoint/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TEXT_INSERTION_POINT } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.text_insertion_point;',
  },
  _width: 20,
  _height: 30,
}

Text Selection Handles

Preview

Usage

import { TextSelectionHandles } from '@dinghy/diagrams/entitiesAndroid'

<TextSelectionHandles/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TEXT_SELECTION_HANDLES } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.textSelHandles;fillColor=#33b5e5;strokeColor=#0099cc;',
  },
  _width: 168.8,
  _height: 42.2,
}

Textfield Activated

Preview

Usage

import { TextfieldActivated } from '@dinghy/diagrams/entitiesAndroid'

<TextfieldActivated/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TEXTFIELD_ACTIVATED } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.textfield;align=center;strokeColor=#33b5e5;pointerEvents=1',
  },
  _width: 174,
  _height: 30,
}

Textfield Disabled

Preview

Usage

import { TextfieldDisabled } from '@dinghy/diagrams/entitiesAndroid'

<TextfieldDisabled/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TEXTFIELD_DISABLED } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.textfield;align=center;strokeColor=#4D4D4D;pointerEvents=1',
  },
  _width: 174,
  _height: 30,
}

Textfield Normal

Preview

Usage

import { TextfieldNormal } from '@dinghy/diagrams/entitiesAndroid'

<TextfieldNormal/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TEXTFIELD_NORMAL } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.textfield;align=center;strokeColor=#999999;pointerEvents=1',
  },
  _width: 174,
  _height: 30,
}

Time Picker (Bright)

Preview

Usage

import { TimePickerBright } from '@dinghy/diagrams/entitiesAndroid'

<TimePickerBright/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TIME_PICKER_BRIGHT } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.time_picker;sketch=0;',
  },
  _width: 150,
  _height: 230,
}

Time Picker (Dark)

Preview

Usage

import { TimePickerDark } from '@dinghy/diagrams/entitiesAndroid'

<TimePickerDark/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TIME_PICKER_DARK } from '@dinghy/diagrams/entitiesAndroid'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.time_picker_dark;sketch=0;',
  },
  _width: 150,
  _height: 230,
}