Item cards

Inspect

Vintage leather bag

CoachGood

R$120.00

Silk floral dress

ZaraMLike new

R$85.00

Classic sneakers

Nike42Good

R$200.00

Denim jacket oversized

Levi'sGVery good

R$150.00

Default

Inspect

Vintage leather bag

CoachGood

R$120.00

Silk floral dress

ZaraMLike new

R$85.00

Classic sneakers

Nike42Good

R$200.00

Denim jacket oversized

Levi'sGVery good

R$150.00

States

Inspect

Default

Vintage leather bag

CoachGood

R$120.00

No image

No brand / no size

Custom brand name

Vintage leather bag

HandmadeGood

R$120.00

Free shipping

Vintage leather bag

CoachGood

R$120.00

Status variants

Inspect

Available

Vintage leather bag

CoachGood

R$120.00

Sold

Sold

Vintage leather bag

CoachGood

R$120.00

Shipped

Vintage leather bag

CoachGood

R$120.00

Delivered

Vintage leather bag

CoachGood

R$120.00

Draft

Draft

Vintage leather bag

CoachGood

R$120.00

Draft variant

Inspect

Draft with actions

Draft

Draft without image

Draft with details

Draft

With seller hover

Vintage leather bag

CoachGood

R$120.00

Smilemaria

Grid layouts

Inspect

4 columns (default)

Vintage leather bag

CoachGood

R$120.00

Silk floral dress

ZaraMLike new

R$85.00

Classic sneakers

Nike42Good

R$200.00

Denim jacket oversized

Levi'sGVery good

R$150.00

2 columns

Vintage leather bag

CoachGood

R$120.00

Silk floral dress

ZaraMLike new

R$85.00

Compound API

ComponentPropsDescription
<ListingCard>listing, locale, showSeller?Root provider. Computes URL, image, pricing, and shares via context.
<ListingCardImage>children?Image area with link. Overlay children (Favorite, Status) are positioned absolutely.
<ListingCardFavorite>isFavorite, toggleActionControlled heart button. Caller owns favorite state and toggle logic.
<ListingCardStatus>Status badge overlay. Auto-shows/hides based on listing.status.
<ListingCardContent>childrenText area wrapper. Handles seller hover animation when showSeller is true.
<ListingCardTitle>Linked item name. Truncates with ellipsis.
<ListingCardAttributes>Brand, size, condition metadata row.
<ListingCardPrice>Formatted price. Auto-hides for cancelled items.
<ListingCardSeller>Composition marker. Seller overlay is rendered by ListingCardContent when showSeller is true.
<ListingCardActions>deleteActionEdit/delete actions. Draft items show "Continue editing" + delete. Non-deletable statuses hide the delete button.

Listing data shape (ListingCardListing)

FieldTypeDescription
idstringUnique listing ID
publicIdnumberPublic-facing numeric ID used in URLs
namestringItem title displayed on card
descriptionstring | nullOptional item description
priceCentsnumberPrice in minor units
marketMarketIdThe listing's market; drives the currency the price is formatted in
slugstring | nullURL-friendly slug, appended to /items/publicId-
imageUrlstring | nullLegacy fallback image URL (used when listingImages is empty)
listingImagesArray | nullOrdered image array with url, altText, and rotation. First image is used as cover.
brand{ name } | nullBrand from brands table
customBrandNamestring | nullFree-text brand name fallback when brand is null
condition{ name } | nullItem condition (new, like new, good, fair, poor)
sizeLabelstring | nullSize displayed in the metadata row (e.g. "M", "42", "G")
deliveryCostCentsnumber | nullDelivery cost in minor units
freeShippingboolean | nullWhen true, delivery cost is excluded from price
favoritesCountnumber | nullNumber of favorites for the heart button
statusstringItem status (available, sold, reserved, shipped, delivered, draft, cancelled). Drives URL, StatusBar, Price visibility, and Actions layout.

On this page