yudodo-card

v1.0.3

Custom Element for reusable product cards with quantity controls and add-to-cart event support.

product-card custom-element web-components add-to-cart shadow-dom reusable-ui

0/weekUpdated 7 months agoISCUnpacked: 24.6 MB

Published by yudododo

npm install yudodo-card

yudodo-card

A custom Web Component () for displaying product cards with image, price, description, quantity controls, and add-to-cart integration.

Features

- Shadow DOM encapsulation
- CSSStyleSheet via adoptedStyleSheets
- Attribute observation and auto re-render
- Slot support for extra links
- Fully reusable

Demo

!demo

- This gif is for demo only. Consider adoption over buying.

Usage

```html

img="dog.jpg"
name="Dodo"
price="300"
des="Dodo is a cheerful dachshund..."
rate="4"
>
View more...

yudodo-card - npm explorer