@invisionag/iris-react-drawer

```js Drawer from '@invisionag/iris-react-drawer'; ```

Stats

StarsIssuesVersionUpdatedCreatedSize
@invisionag/iris-react-drawer
4.4.23 months ago4 years agoMinified + gzip package size for @invisionag/iris-react-drawer in KB

Readme

Drawer from '@invisionag/iris-react-drawer';

Drawer is a generalized sidebar component. It provides functionality to wrap part of the view within a collapsable sidebar. Anything can be rendered within a Drawer component, no props get attached to the elements.

Usage:

<Drawer>
  <div>I am an element in a drawer!</div>
</Drawer>

By default, drawers will get attached to the right side. Positioning can be controlled with the position prop:

<Drawer position="left">
  <div>I am an element in a drawer!</div>
</Drawer>

The collapse button is only visible when the sidebar is hovered over. Hovering out triggers a grace timer before the element is truly hidden. The grace timer can be modified with hoverDelay and defaults to 500(ms).

<Drawer hoverDelay={2000}>
  <div>I am an element in a drawer!</div>
</Drawer>

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.