Carregando…Carregando…Carregando…Carregando…Receipt/invoice card with line items, subtotal, tax, discount and total.
$ npx kikitocn add receipt-cardimport { ReceiptCard } from "@/components/ui/cn/receipt-card/ReceiptCard";
export function ReceiptCardExample() {
return (
<ReceiptCard status="paid" />
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
total* | string | number | — | Total final |
title | string | — | Título do recibo |
from | string | — | Remetente/vendedor |
to | string | — | Destinatário/comprador |
date | Date | string | — | Data do recibo |
items | ReceiptLineItem[] | — | Itens { label, value, highlight? } |
subtotal | string | number | — | Subtotal antes de impostos |
discount | string | number | — | Valor do desconto |
tax | string | number | — | Valor do imposto |
currency | string | '$' | Símbolo da moeda |
status | 'paid' | 'pending' | 'cancelled' | — | Status do recibo |
className | string | — | Classes CSS extras |
style | React.CSSProperties | — | Estilos inline extras |
Receipt card with total
Receipt
9/16/2026
From: The Coffee House
Total
$13.93
Pending · Cancelled
Invoice #1042
Total
$120.00
Invoice #1039
Total
$45.00