Termo de adesão
Documento emitido pela zforgehq e assinado eletronicamente pelas partes.
BrandLogo
A logo da zforgehq com a versão certa para cada fundo. No modo automático segue o tema; dentro de ilhas de tema, o tone fixa a versão.
Variantes e tamanhos
full traz símbolo e wordmark; symbol traz só o Z com a faísca. As alturas vêm dos tokens h-form-*.
Tom
auto acompanha a classe .dark. light e dark fixam a versão, para usar dentro de .theme-light e .theme-dark.
Dentro da folha do documento
O DocumentSheet é uma ilha .theme-light. Com o tema escuro ligado, a variante dark: continua ativa lá dentro, por isso a logo usa tone="light".
Uso
import { BrandLogo } from "@/components/zui";
<BrandLogo />
<BrandLogo variant="symbol" size="sm" label="" />
<BrandLogo tone="light" />Props
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| variant | "full" | "symbol" | "full" | Logo horizontal ou só o símbolo. Abaixo de 32px de altura, prefira o símbolo. |
| tone | "auto" | "light" | "dark" | "auto" | Fundo onde a logo aparece. auto segue o tema; light e dark servem para ilhas de tema. |
| size | "sm" | "md" | "lg" | "md" | Altura por h-form-xs, h-form-sm e h-form-lg. |
| label | string | "zforgehq" | Texto alternativo. Passe "" quando a logo for decorativa ao lado do nome escrito. |
| className | string | — | Classes extras no contêiner. |