@workday/canvas-kit-labs-react-drawer
TypeScript icon, indicating that this package has built-in type declarations

4.8.1 • Public • Published

Canvas Kit React Drawer

LABS: Beta 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>;

Package Sidebar

Install

npm i @workday/canvas-kit-labs-react-drawer

Weekly Downloads

3,226

Version

4.8.1

License

Apache-2.0

Unpacked Size

46.6 kB

Total Files

30

Last publish

Collaborators

  • jaclynjessup
  • nicholasboll
  • alanbsmith
  • workday-canvas-kit
  • justin.pante