FileCardList

Die FileCardList platziert mehrere FileCards in einem ColumnLayout und visualisiert Dateien samt relevanter Informationen.GitHubMarkdown
  • file1.txt
  • file2.txt
  • file3.txt
  • file4.txt
  • image.jpg

Grundlagen

Die FileCardList wird häufig zusammen mit der FileDropZone oder dem FileField verwendet. Sie bietet eine visuelle Bestätigung, sobald der Upload erfolgreich abgeschlossen wurde.

Best practices

Achte bei der Verwendung einer FileCardList darauf, dass ...

  • hochgeladene Dateien sofort sichtbar werden, um dem User eine direkte Rückmeldung zu geben.
  • relevante Informationen wie Dateiname, Dateigröße und Dateityp klar erkennbar sind.
  • wichtige Interaktionen als Aktionen angeboten werden z.B. das Entfernen der Datei.
  • für einzelne Dateien die Component FileCard verwendet werden kann.

Verwendung

Verwende eine FileCardList, um ...

  • dem User bei erfolgreichen Uploads sofort visuelles Feedback zu geben.
  • hochgeladene Dateien (Bild, Video oder PDF) darzustellen.

Auf dieser Seite