1.0.6 • Published 2 years ago

@jahlgren/react-drawer v1.0.6

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

React Drawer is an easy to use drawer component for React.js.

Install

npm install @jahlgren/react-drawer

Usage

import React, { useState } from 'react';
import Drawer from '@jahlgren/react-drawer';

const App = () => {
  const [isOpen, setIsOpen] = useState(false);
  return (
    <>
      <Drawer open={isOpen} onClose={() => setIsOpen(false)} >
        Content...
      </Drawer>
      <button onClick={() => setIsOpen(true)}>Open</button>
    </>
  );
}

export default App;

And import style manually:

import '@jahlgren/react-drawer/dist/index.css';

API

propstypedefaultdescription
openboolean-(required), open or close drawer
childrenanyundefineddrawer content
widthstring|number300width of the drawer
transitionDurationnumber180transition duration in milliseconds
maskClassNamestringundefinedmask css classes
classNamestringundefineddrawer css classes
onClose() => voidundefinedclose click function
1.0.6

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago