Componentes · Conteúdo

<Items />

A tabela das linhas: descrição, quantidade, preço, IVA e total.

Obrigatório pela AGT. Pode mudar de aspecto e de lugar; se faltar no template, é acrescentado ao emitir.

import { Items } from "@veroao/invoice"

Exemplos#

Por omissão

Por omissão

Cabeçalho escuro e linhas alternadas

Cabeçalho escuro e linhas alternadas

Com grelha

Com grelha

Colunas à escolha

width é o peso da coluna (como flex).

Colunas à escolha

Propriedades#

NomeTipoDescrição
columnsItemColumn[]Que colunas mostrar e por que ordem: { field, label, width, className }. field: description, details, quantity, unitPrice, lineDiscount, taxRate, taxAmount, lineTotal.
headerClassNamestringAspecto do cabeçalho da tabela.
rowClassNamestringAspecto de cada linha. Aceita even:bg-* para linhas alternadas.
detailsClassNamestringAspecto do texto por baixo da descrição.
gridClassNamestringLinhas entre colunas e à volta, ex.: "border border-zinc-300".
showCurrencybooleanfalse = valores sem "Kz".Por omissão: true
classNamestringClasses do Tailwind (ver Tailwind suportado).
stylePdfStyleEstilos em objecto, em pt, como no react-pdf. Alternativa ao className.

Notas#

  • A coluna do IVA mostra o código de isenção (M04…) nas linhas isentas, e "Não sujeito" nas linhas M02.