Gmdl Bottom Sheets Entities

Bottom Sheet

Preview

Usage

import { BottomSheet } from '@dinghy/diagrams/entitiesGmdlBottomSheets'

<BottomSheet/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BOTTOM_SHEET } from '@dinghy/diagrams/entitiesGmdlBottomSheets'

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

Definition

{
  _style: {
    entity: 'dashed=0;align=center;fontSize=12;shape=rect;fillColor=#ffffff;strokeColor=none;shadow=0;recursiveResize=0;',
  },
  _width: 358,
  _height: 320,
}

Grid Style With Some Options

Preview

Usage

import { GridStyleWithSomeOptions } from '@dinghy/diagrams/entitiesGmdlBottomSheets'

<GridStyleWithSomeOptions/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GRID_STYLE_WITH_SOME_OPTIONS } from '@dinghy/diagrams/entitiesGmdlBottomSheets'

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

Definition

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