Footer
O componente Footer é usado como rodapé da página.
Importação
import { Footer } from '@escaletech/delta'
Utilização
Resultado
Loading...
Customização
Aqui está um exemplo de customização do componente. Você pode aprender mais sobre isso na página de documentação de tema.
import { extendsTheme } from '@escaletech/delta'
export const theme = extendsTheme({
colors: {
footerBackgroundColor: '$primaryDarkest',
footerColor: '$neutralUltralight'
}
})
Tokens
| Token | Descrição |
|---|---|
| color.footerBackgroundColor | Cor de fundo do footer |
| color.footerColor | Cor da fonte do conteúdo do footer |
Props
| Propriedade | Descrição | Tipo | Padrão | Obrigatório |
|---|---|---|---|---|
| children | Conteúdo do componente | ReactNode | - | ❌ |
| logo | URL de redirecionamento ao clicar na imagem, caminho da imagem e alt da imagem. | { alt: string; src: string, url?: string } | - | ✅ |