Komponente · 6 Varianten
Upload-Zone
components/UploadZone.astro
Gestrichelte Zone, aktiv in Oliv, Datei-Zeilen in Mono mit ×, Fehler mit Punkt, oder nur ein Knopf.
Notizen
- Bestand: nichts. Gestrichelt ist erlaubt für Zielzone und Maßmarkierung (Upload-Zone, Leerzustand, Container-Kante), sonst nicht.
- input type=file bleibt, sr-only.
Props
| Name | Typ | Default | Notiz |
|---|---|---|---|
| variant | "zone" | "aktiv" | "datei" | "liste" | "fehler" | "knopf" | "zone" | 01–06. |
| surface | "nacht" | "paper" | "nacht" | Pflicht-Paar. |
<UploadZone variant="zone" surface="nacht" />01 · Zone
Gestrichelt, Text mittig
Anfrage. py-12.
Nacht
Paper
02 · Aktiv
Kante Oliv beim Drag
Fokus. Loslassen.
Nacht
Paper
03 · Datei
Eine Zeile darunter
Haarlinie. Mono xs.
Nacht
- briefing.pdf · 1,2 MB
Paper
- briefing.pdf · 1,2 MB
04 · Liste
Drei Dateien
03. —
Nacht
- briefing.pdf · 1,2 MB
- logo.svg · 14 KB
- fotos.zip · 48 MB
Paper
- briefing.pdf · 1,2 MB
- logo.svg · 14 KB
- fotos.zip · 48 MB
05 · Fehler
Kante granit-800, Punkt
Feld error. Caption.
Nacht
- briefing.pdf · 1,2 MB
Zu groß. Maximal 50 MB.
Paper
- briefing.pdf · 1,2 MB
Zu groß. Maximal 50 MB.
06 · Knopf
Nur Datei wählen
Button secondary. Ohne Zone.
Nacht
Paper