@dotconnor/grommet/es6/components/Menu/stories/BottomControlButton.js

focus on the essential experience

import React from 'react';
import { Grommet, Box, Menu } from 'grommet';
import { grommet } from 'grommet/themes';

var ControlBottomMenu = function ControlBottomMenu() {
  return /*#__PURE__*/React.createElement(Grommet, {
    theme: grommet
  }, /*#__PURE__*/React.createElement(Box, {
    height: "medium",
    justify: "center",
    align: "center",
    pad: "large"
  }, /*#__PURE__*/React.createElement(Menu, {
    dropProps: {
      align: {
        bottom: 'bottom',
        left: 'left'
      }
    },
    label: "actions",
    items: [{
      label: 'Profile',
      onClick: function onClick() {}
    }, {
      label: 'Settings',
      onClick: function onClick() {}
    }, {
      label: 'FAQ',
      onClick: function onClick() {}
    }]
  })));
};

export var BottomControlButton = function BottomControlButton() {
  return /*#__PURE__*/React.createElement(ControlBottomMenu, null);
};
BottomControlButton.story = {
  name: 'Bottom control button',
  parameters: {
    chromatic: {
      disable: true
    }
  }
};