jp-product-card
Version:
Este es un paquete de prueba de despligue en NPM
31 lines (24 loc) • 825 B
Markdown
# pj-product-card
Este es un paquete de prueba de despligue en NPM
### Josue Perez
## ejemplo
```
import {ProductCard, ProductImage, ProductTitle, ProductButtons} from 'jp-product-card'
```
```
<ProductCard key={product.id} product={product} initialValues={{count: 4, maxCount: 10}}>
{
({reset, cambiarValor, isMaxCountReached, count, maxCount}) => (
<>
<ProductImage />
<ProductTitle />
<ProductButtons />
<button onClick={reset} > reset</button>
<button onClick={()=>cambiarValor(-2) } >-2</button>
{ !isMaxCountReached && <button onClick={()=>cambiarValor(+2) } > +2</button>}
<span>{count} {`${maxCount && - maxCount}`}</span>
</>
)
}
</ProductCard>
```