CartItem

Deprecated

Single cart line — event thumbnail, title, tier, date, quantity stepper, line total, remove button. Hover-only remove on desktop. Superseded by cartdrawer.

Categorymolecules

Sourcepatterns/molecules/cartitem.html

AI HintUse for grouped UI patterns. Combine atoms into functional units.

Cart line-item.

CartItem

Commerce — Family 7

Cart line-item.

Usage

Cart line-item. Refer to the DS component index for full prop details.

import { CartItem } from '@epasslive/design-system'

Props

Preview

CartItem

Prop

Type

Required

Default

Description

id

string

Required

—

No description.

quantity

number

Required

—

1 to maxQuantity

onRemove

() => void

Required

—

No description.

Quick use:<CartItem />

Accessibility

ARIA rolearticle

Usage

Import

tsxSnippet

import { CartItem } from "@epasslive/design-system"

Example 1

tsxSnippet

<CartItem />

Example 2

tsxSnippet

<CartItem variant="default" />

Anti-patterns

— Do not hardcode data in molecules

— Avoid complex business logic in molecules