Componentes · Estrutura
<Tailwind />
As cores e as letras do template, como no tailwind.config. Envolve o <Document>.
import { Tailwind } from "@veroao/invoice"Exemplos#
Cores e letra próprias
brand e brand-light vêm do config; font-display usa a Playfair Display.
Propriedades#
| Nome | Tipo | Descrição |
|---|---|---|
config | TailwindConfig | theme.extend.colors e theme.extend.fontFamily (sans, display). As cores ficam disponíveis como text-*, bg-*, border-*. |
Notas#
- Letras disponíveis: Inter, Playfair Display, Helvetica e Times-Roman. A Inter e a Playfair Display vêm no pacote.
- background e foreground são os nomes reservados para o fundo da página e o texto principal.