# oscar-product-card

> Este es un paquete de pruebas de despliegue de NPM

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

## Install

```sh
npm install oscar-product-card
pnpm add oscar-product-card
yarn add oscar-product-card
bun add oscar-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-01-13 |
| First published | 2022-01-13 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >=10 |
| Dependencies | 1 |
| Unpacked size | 153.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Oscar Caballero |
| Maintainers | oscarcaballero |
| Keywords | product, card, oscar, caballero, hernandez |

## Links

- npm: https://www.npmjs.com/package/oscar-product-card
- Repository: https://github.com/okumo/oscar-product-card
- Homepage: https://www.facebook.com/OscarCaballero13/
- npm.io page: https://npm.io/package/oscar-product-card

## Dependencies (1)

- [identity-obj-proxy](https://npm.io/package/identity-obj-proxy.md) ^3.0.0

## Recent versions

- 1.0.0-rc (latest) — 2022-01-13
- 0.0.1 — 2022-01-13

## README

# oscar-product-card

Este es un paquete de pruebas de despliegue de NPM

### Oscar Caballero

## Ejemplo

```
import { ProductCard, ProductImage, ProductButtons, ProductTitle } from '../components';

```

```
 <ProductCard product={product} style={{ backgroundColor: '#70D1F8' }} onChange={onProductCountChange} key={key} value={shoppingCart[product.id]?.count || 0} initialValues={{ count: 4, maxCount: 10 }}>
                        {({ reset, count, increaseBy, isMaxCountReached, maxCount }) => <>
                            <ProductImage />
                            <ProductTitle />
                            <ProductButtons />
                            <button onClick={reset}>reset</button>
                            <button onClick={() => increaseBy(-2)}>-2</button>
                            {(!isMaxCountReached && <button onClick={() => increaseBy(2)}>+2</button>
                            )}
                            <span>{count} - {maxCount}</span>
                        </>}
                    </ProductCard>
```

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