Gmdl Bottom Navigation Entities

Bottom Navigation

Preview

Usage

import { BottomNavigation } from '@dinghy/diagrams/entitiesGmdlBottomNavigation'

<BottomNavigation/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BOTTOM_NAVIGATION } from '@dinghy/diagrams/entitiesGmdlBottomNavigation'

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

Definition

{
  _style: {
    entity: 'dashed=0;align=center;fontSize=12;shape=rect;fillColor=#ffffff;strokeColor=none;shadow=0;hachureGap=4;pointerEvents=0;fontFamily=Architects Daughter;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DArchitects%2BDaughter;',
  },
  _width: 358,
  _height: 48,
}

Bottom Navigation 2

Preview

Usage

import { BottomNavigation2 } from '@dinghy/diagrams/entitiesGmdlBottomNavigation'

<BottomNavigation2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BOTTOM_NAVIGATION_2 } from '@dinghy/diagrams/entitiesGmdlBottomNavigation'

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

Definition

{
  _style: {
    entity: 'dashed=0;align=center;fontSize=12;shape=rect;fillColor=#00796B;strokeColor=none;shadow=0;hachureGap=4;pointerEvents=0;fontFamily=Helvetica;',
  },
  _width: 358,
  _height: 48,
}