# sl7-product-card

> Este es un paquete de pruebas

Latest version **1.0.0-rc** (published 2022-07-06) · MIT license · 0 weekly downloads

## Install

```sh
npm install sl7-product-card
pnpm add sl7-product-card
yarn add sl7-product-card
bun add sl7-product-card
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0-rc |
| Published | 2022-07-06 |
| First published | 2022-07-06 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >=10 |
| Dependencies | 5 |
| Unpacked size | 147.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Diego Caiza |
| Maintainers | slayercorp7 |
| Keywords | product, card, Diego, Caiza |

## Links

- npm: https://www.npmjs.com/package/sl7-product-card
- Repository: https://github.com/slayercorp7/sl7-product-card
- Homepage: https://github.com/slayercorp7/sl7-product-card#readme
- Issues: https://github.com/slayercorp7/sl7-product-card/issues
- npm.io page: https://npm.io/package/sl7-product-card

## Dependencies (5)

- [jest](https://npm.io/package/jest.md) ^28.1.2
- [babel-jest](https://npm.io/package/babel-jest.md) ^28.1.2
- [@babel/preset-env](https://npm.io/package/@babel/preset-env.md) ^7.18.6
- [@babel/preset-react](https://npm.io/package/@babel/preset-react.md) ^7.18.6
- [react-test-renderer](https://npm.io/package/react-test-renderer.md) ^18.2.0

## Recent versions

- 1.0.0-rc (latest) — 2022-07-06
- 0.0.1 — 2022-07-06

## README

# SL7-Product-Card

Este es un paquete de pruebas

### Diego Caiza

## ejemplo

```
import { ProductCard, ProductImage, ProductTitle, ProductButtons }
from ''
```

```
<ProductCard
          key={product.id}
          product={product}
          InitialValues={{
            count: 4,
            maxCount: 10,
          }}
        >
          {({maxCount, reset, increaseBy, count, isMaxCountReached}) => (
            <>
              <ProductImage  />
              <ProductTitle  />
              <ProductButtons  maxCount={maxCount} />
              <button onClick={reset}>reset</button>
              <button onClick={() => increaseBy(-2)}>-2</button>
              {/* si no llega al maxcount ocultar */}
              <button onClick={() => increaseBy(+2)}
              disabled={(isMaxCountReached)}
              >+2</button>
              <span>count:{count}</span>

            </>
          )}
        </ProductCard>


```

---
_Source: https://npm.io/package/sl7-product-card · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._