Tally UI

CartLine

Displays a single cart line item with name, quantity, and total

Import

import { CartLine } from '@tallyui/components';

Usage

<CartLine item={{ doc: productDocument, quantity: 2 }} currencySymbol="$" />

Horizontal row with product info on the left (name + unit price x quantity) and line total on the right.

Props

PropTypeDefaultDescription
itemCartLineItemrequiredObject with doc and quantity
currencySymbolstring'$'Currency symbol
classNamestringOverride container styles

CartLineItem

interface CartLineItem {
  doc: any;       // RxDB product document
  quantity: number;
}

Live demo

On this page