Product Card

보통

이미지, 가격, 장바구니 버튼이 있는 상품 카드

#click#javascript#ecommerce

라이브 데모

Sale

Premium Product

High-quality product with amazing features

$99$79

코드

ProductCard.tsx
const [isAdded, setIsAdded] = useState(false);
return (
  <div className="product-card">
    <div className="product-image">...</div>
    <button onClick={() => setIsAdded(true)}>
      {isAdded ? '✓ Added' : '+ Add to Cart'}
    </button>
  </div>
);