react

Canvas Kit React Drawer

This component is work in progress and currently in pre-release.

Installation

yarn add @workday/canvas-kit-labs-react-drawer

Usage

import * as React from 'react';
import {Drawer, DrawerDirection, DrawerHeader} from '@workday/canvas-kit-labs-react-drawer';

<div style={{height: '100vh', position: 'relative'}}>
  <Drawer
    header={
      <DrawerHeader
        onClose={() => {
          window.alert('onClose Clicked');
        }}
        headerTitle={'Drawer Header'}
      />
    }
    openDirection={DrawerDirection.Left}
    padding={spacing.l}
    showDropShadow={true}
  ></Drawer>
</div>;