Cart

Type: "cart"

Cart icon trigger + badge count + optional subtotal + slide-in panel. Best in header.

Props

Tidak ada props khusus — element ini diatur sepenuhnya lewat field style dan kontrol global.

Contoh

{
  "id": "car01abc",
  "type": "cart",
  "props": {
    "icon": {
      "library": "lucide",
      "icon": "ShoppingCart"
    },
    "iconSize": "20px",
    "triggerColor": "",
    "triggerLabel": "",
    "countVisibility": "auto",
    "countBg": "",
    "countColor": "",
    "countSize": "18px",
    "countFontSize": "10px",
    "countOffsetTop": "-4px",
    "countOffsetRight": "-4px",
    "subtotalPosition": "none",
    "subtotalGap": "8px",
    "subtotalFontSize": "14px",
    "subtotalColor": "",
    "hideCartDetails": false,
    "panelWidth": "400px",
    "panelBg": "",
    "panelPadding": "24px",
    "panelTitle": "Keranjang",
    "panelItemFontSize": "14px",
    "panelItemColor": "",
    "panelMutedColor": "",
    "panelQuantityFontSize": "12px",
    "panelImageWidth": "60px",
    "panelDividerColor": "",
    "panelButtonBg": "",
    "panelButtonColor": "",
    "panelButtonBorderRadius": "12px",
    "panelButtonFontSize": "14px",
    "panelCheckoutLabel": "Checkout",
    "panelViewCartLabel": "Lihat Keranjang",
    "panelShowViewCart": true,
    "panelCloseIcon": {
      "library": "lucide",
      "icon": "X"
    },
    "panelEmptyText": "Keranjang masih kosong"
  }
}