PMM Cart UI Library

Mục tiêu

Thư viện React component cho chức năng Giỏ hàng (Cart):

• Chuẩn hóa các component UI: Button, InputText, Modal, Card
• Cung cấp context, hook và types cho logic giỏ hàng (thêm, sửa, xóa, clear)
• Dễ dàng đóng gói, tái sử dụng cho dự án khác

Cài đặt

npm install @pmm/cart-ui

Sử dụng cơ bản

import { CartProvider, useCart, Button, InputText, Modal, Card } from '@pmm/cart-ui';

function App() {
  return (
    <CartProvider>
      <CartDemo />
    </CartProvider>
  );
}

function CartDemo() {
  const { items, addItem, updateItem, removeItem, totalPrice } = useCart();
  // ... UI code sử dụng các component Button, InputText, Modal, Card
}

API

• CartProvider: Bọc context cho toàn bộ app hoặc phần cần dùng giỏ hàng
• useCart: Hook thao tác giỏ hàng (addItem, updateItem, removeItem, clear, totalQuantity, totalPrice)
• Button, InputText, Modal, Card: Các component UI chuẩn hóa

Build

npm run build

License

MIT