Lorem ipsum
Dolor sit amet, consetetur sadipscing elitr
-
AWS
Umfassende Cloud-Plattform mit Compute, Storage, Daten, KI/ML, Sicherheit und DevOps-Services.
-
Microsoft Azure
Microsofts Cloud-Plattform für Infrastruktur, Daten, KI und Anwendungen – von IaaS bis PaaS.
-
Google Cloud
Skalierbare Cloud-Plattform von Google mit Fokus auf Data, AI/ML, Analytics und Sicherheit.
-
Grafana
Grafana ist ein Tool für Monitoring / Observability.
Lorem ipsum
Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat
Partners
Partner-Logos mit Beschreibung
Die Partners-Komponente rendert Partner aus src/content/data/partners.json als responsives Grid. Logos erscheinen in Graustufen und werden bei Hover farbig. Optional können Kategorien als Badges angezeigt werden. Data is runtime-validated (fail-fast).
Codebeispiel
<Partners title="Lorem ipsum" subtitle="Dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat." showCategories={true} ids={["aws", "azure", "gcp", "grafana"]} isCompact={true} isGrayscale={true} gridCols={{ sm: 4, md: 6, lg: 6 }}/>Parameter
| Bezeichner | Typ | Beschreibung | Default |
|---|---|---|---|
| id | string | HTML-ID des Widgets | partners |
| title | string | Titel der Komponente | |
| subtitle | string | Untertitel | |
| tagline | string | Tagline | |
| isDark | boolean | Dark Mode | false |
| showCategories | boolean | Kategorien-Badges anzeigen | true |
| isLinked | boolean | Partnerkarten verlinken | false |
| isGrayscale | boolean | Logos in Graustufen mit Hover-Farbe | false |
| ids | string[] | Zeigt nur diese Partner-IDs an (Pflicht, sonst leer) | [] |
| isCompact | boolean | Kompaktansicht – Details im Tooltip | false |
| gridCols | { sm?, md?, lg?, xl? } | Responsive Grid-Spalten | { sm: 2, md: 3, lg: 4 } |
| classes | { container?, section?, grid?, card? } | CSS-Klassen Override | {} |
Fragments
| Bezeichner | Beschreibung | Default |
|---|---|---|
| default | Standardinhalt |