CP Registry

Downloads

Download-Liste mit automatischen Dateityp-Icons, optionalen Dateigrößen und Beschreibungstexten. Jeder Eintrag ist ein semantischer Link mit Hover-Effekt. Unterstützte Typen: PDF, ZIP, XLS, DOC, IMG und Video.

Standard-Download-Liste

Die einfachste Verwendung: Eine Liste von Dateien, die Besucher herunterladen können. Jedem Eintrag wird automatisch ein passendes Icon zum Dateityp zugewiesen. Optionale Beschreibungen geben Kontext.

Dokumente zum Oekostrom-Tarif

<Downloads
  items={[
    {
      label: 'Tarifbedingungen Oekostrom 2026',
      href: '/downloads/tarifbedingungen-oekostrom-2026.pdf',
      type: 'pdf',
      size: '1.2 MB',
      description: 'Vollständige Vertragsbedingungen inkl. Preisblatt'
    },
    {
      label: 'Preisliste Q2 2026',
      href: '/downloads/preisliste-q2-2026.xls',
      type: 'xls',
      size: '340 KB',
      description: 'Excel-Tabelle mit allen aktuellen Preisen und Netztarifen'
    },
    {
      label: 'Anmeldeformular',
      href: '/downloads/anmeldeformular.pdf',
      type: 'pdf',
      size: '280 KB'
    },
    {
      label: 'Allgemeine Geschäftsbedingungen',
      href: '/downloads/agb.pdf',
      type: 'pdf',
      size: '820 KB'
    },
  ]}
/>

Mit Titel und verschiedenen Dateitypen

Der optionale title-Prop erzeugt eine Überschrift über der Liste. Neben Dokumenten können auch Mediendateien wie Bilder und Videos verlinkt werden.

Presse- und Medienpaket

<Downloads
  title="Medien & Presse"
  items={[
    { label: 'Logo-Paket (alle Formate)', href: '#', type: 'zip', size: '5.2 MB' },
    { label: 'Pressefotos 2025 (Hochauflösend)', href: '#', type: 'img', size: '38 MB' },
    { label: 'Imagefilm Stadtwerke 2025', href: '#', type: 'video', size: '240 MB' },
    { label: 'Pressemitteilung Solarfeld Nord', href: '#', type: 'doc', size: '92 KB' },
    { label: 'Jahresbericht 2025', href: '#', type: 'pdf', size: '12.4 MB', description: 'Inkl. Nachhaltigkeitsbericht und Bilanzen' },
  ]}
/>

Redakteur-Hinweise

Empfehlungen für übersichtliche Download-Bereiche.

Element Empfehlung
DateinameSprechender Titel, kein Dateiname. „Preisliste Oekostrom 2026“ statt „PL_OKS_v3_final.pdf“.
DateiformatPDF für Dokumente, XLSX/CSV für Tabellen, ZIP für Sammlungen. Keine .doc/.docx — nicht jeder hat Word.
DateigrößeWird automatisch angezeigt. PDFs unter 5MB halten (komprimieren). Bei groesseren Dateien: Hinweis im Titel.
Anzahl3–10 Downloads pro Liste. Bei mehr: thematisch gruppieren mit eigenem Titel pro Gruppe.
AktualitätJahreszahl im Titel. Veraltete Dokumente entfernen. „Jahresbericht 2025“ ist klar, „Jahresbericht“ nicht.

Installation

cp-components add downloads