@tabtree/react-family-products

Family Products Drawer

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

Installation

npm install @tabtree/react-family-products

or

yarn add @tabtree/react-family-products

Usage

import React, { useState } from "react";
import { FamilyProducts } from "@tabtree/react-family-products";

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

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

      <FamilyProducts
        onOpen={drawerOpen}
        onDismiss={setDrawerOpen}
        emailId={emailId}
      />
    </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
emailId	string	based on email fav products will list

Dependencies

This component requires the following peer dependencies:

• react
• react-dom
• framer-motion
• axios

License

MIT