dr-prod-card v1.0.0-rc

dr-prod-card

Este es un paquete de prueba de despliegue en NPM

Rivera Daniel

Ejemplo

import {ProductImage, ProductTitle,ProductButtons,ProductCard} from 'dr-prod-card';

<ProductCard
    product={product}
    className="bg-dark text-white"
    initialValues={{
        count: 4,
        maxCount: 10
    }}>
        {({ reset, isMaxCountReached, maxCount, increaseBy, count }) => (
            <>
                <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>