Family Products Drawer

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

Installation

npm install family-products-drawer

or

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