Footer
Footer-Komponente
Beispiel für die Footer-Komponente.
Codebeispiel
<Footer links={[ { title: 'Lorem ipsum', links: [ { text: 'Dolor sit amet', href: '/solutions/cloud-and-transformation-readiness' }, { text: 'Consetetur sadipscing', href: '/solutions/data-and-ai-readiness' }, { text: 'Elitr, sed diam', href: '/solutions/agentic-systems' }, ], }, { title: 'Nonumy eirmod', links: [ { text: 'Tempor invidunt', href: '/about/team' }, { text: 'Ut labore et dolore', href: '/about/bewerben' }, { text: 'Magna aliquyam', href: '/kontakt' }, ], }, ]} secondaryLinks={[ { text: 'Lorem ipsum', href: '/impressum' }, { text: 'Dolor sit amet', href: '/legal-notice' }, ]} socialLinks={[ { text: 'LinkedIn', href: 'https://www.linkedin.com/company/thinkport/posts/?feedView=all', icon: 'tabler:brand-linkedin', ariaLabel: 'LinkedIn', }, { text: 'Twitter', href: 'https://x.com/?lang=de', icon: 'tabler:brand-twitter', ariaLabel: 'Twitter' }, { text: 'GitHub', href: 'https://github.com/ThinkportRepo', icon: 'tabler:brand-github', ariaLabel: 'GitHub' }, ]} footNote="© 2024 Lorem ipsum. Dolor sit amet." theme="dark"/>Parameter
| Bezeichner | Typ | Beschreibung | Default |
|---|---|---|---|
| links | array | Hauptnavigationslinks | [] |
| secondaryLinks | array | Sekundäre Links (z.B. Impressum) | [] |
| socialLinks | array | Social Media Links | [] |
| footNote | string | Copyright-Text | - |
| theme | string | Theme (dark/light) | dark |