drawer 1.4.5
Install from the command line:
Learn more about npm packages
$ npm install @jeremiemeunier/drawer@1.4.5
Install via package.json:
"@jeremiemeunier/drawer": "1.4.5"
About this version
Slide-in side panel with a React context and hook.
Create a .npmrc file at the root of your project so npm can access the GitHub registry:
@jeremiemeunier:registry=https://npm.pkg.github.comThen install the package:
npm install @jeremiemeunier/drawerWrap your application with the DrawerProvider and control the drawer through the useDrawer hook:
import { DrawerProvider, useDrawer } from "@jeremiemeunier/drawer";
const App = () => {
const { openDrawer, pushContent } = useDrawer();
return (
<DrawerProvider>
<button
onClick={() => {
pushContent(<div>My drawer content</div>);
openDrawer();
}}
>
Open drawer
</button>
</DrawerProvider>
);
};-
DrawerProvider– context provider wrapping your app. -
useDrawer()– hook returningpushContent,openDrawer,closeDrawer, andswitchDrawerfunctions.
The drawer uses framer-motion for animations and simplebar-react for scrollbars.
