Carregando…

Receipt Card

Display

Receipt/invoice card with line items, subtotal, tax, discount and total.

🚧

Demo coming soon

Add a demo component to DEMOS in _showcase.tsx for display/receipt-card

Instalação via CLI

$ npx kikitocn add receipt-card

Exemplo de uso

Receipt CardExample.tsx

import { ReceiptCard } from "@/components/ui/cn/receipt-card/ReceiptCard";

export function ReceiptCardExample() {
  return (
    <ReceiptCard />
  );
}

Props

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, quantity?, price }
`subtotal`	`string \| number`	—	Subtotal antes de impostos
`discount`	`string \| number`	—	Valor do desconto
`tax`	`string \| number`	—	Valor do imposto
`currency`	`string`	`'R$'`	Símbolo da moeda
`status`	`'paid' \| 'pending' \| 'cancelled'`	—	Status do recibo
`className`	`string`	—	Classes CSS extras

Voltar para Display

Carregando…