# FileCardList

Die FileCardList platziert mehrere FileCards in einem ColumnLayout und visualisiert Dateien samt relevanter Informationen.

## Guidelines

# Grundlagen

Die FileCardList wird häufig zusammen mit der
[FileDropZone](/04-components/upload/file-drop-zone/overview) oder dem
[FileField](/04-components/form-controls/file-field/overview) 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](/04-components/upload/file-card/overview) 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.