Package Exports

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (family-products-drawer) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Family Products Drawer

A React component that displays product families in a sliding drawer.

Installation

npm install family-products-drawer

yarn add family-products-drawer

Usage

import React, { useState } from 'react';
import { FamilyProducts } from 'family-products-drawer';
import { Button } from '@mui/material';

function App() {
  const [drawerOpen, setDrawerOpen] = useState(false);

  return (
    <div>
      <Button onClick={() => setDrawerOpen(true)}>
        Open Product Drawer
      </Button>

      <FamilyProducts 
        onOpen={drawerOpen} 
        onDismiss={setDrawerOpen} 
      />
    </div>
  );
}

export default App;

Props

Prop	Type	Description
onOpen	boolean	Controls whether the drawer is open or closed
onDismiss	function	Callback function to close the drawer

Dependencies

This component requires the following peer dependencies:

react
react-dom
@mui/material
framer-motion
axios

License

MIT