Sha256: 04632821b6ba619fb0bf96f4c4d48e1269609b5f6fb644639f3f41f5acf6b0a9

Contents?: true

Size: 653 Bytes

Versions: 7

Compression:

Stored size: 653 Bytes

Contents

import React from "react";
import { Button, Drawer, Icon, Title } from "playbook-ui";

const DrawerMenu = () => {

  return (
    <>
      <Button id="menuButton"
          padding="sm"
      >
        <Icon icon="bars"
            size="3x"
        />
      </Button>
      <Drawer
          behavior="push"
          closeBreakpoint="md"
          menuButtonID="menuButton"
          overlay={false}
          placement="left"
          size="lg"
          withinElement
      >
        <Title paddingBottom="md">A really neat menu</Title>
        <Button text="This Button does nothing" />
      </Drawer>
    </>
  );
};

export default DrawerMenu;

Version data entries

7 entries across 7 versions & 2 rubygems

Version Path
playbook_ui_docs-14.9.0.pre.alpha.pbntr700newresettodefaultprop4736 app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx
playbook_ui-14.9.0.pre.alpha.pbntr700newresettodefaultprop4736 app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx
playbook_ui_docs-14.10.0.pre.rc.0 app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx
playbook_ui-14.10.0.pre.rc.0 app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx
playbook_ui-14.9.0 app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx
playbook_ui_docs-14.9.0.pre.rc.18 app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx
playbook_ui-14.9.0.pre.rc.18 app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx