Datei-Upload (Dropzone) — component.file-upload
Upload-Zone (Untitled-UI-Muster): Klick oder Drag-and-Drop, Dateiliste mit Größe und Entfernen — Prototyp ohne Server-Upload, emittet dateien
Componentv1.1.1Formulareweb.documentweb.applicationdesktop.shellbuilder.preview
Beispiele
Dropzone (klicken oder Dateien hineinziehen)
Anhänge
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
label | string | "" |
hint | string | "PNG, JPG oder PDF (max. 10 MB)" |
multiple | boolean | true |
accept | string | "" |
spacing | string: default | none | sm | md | lg | xl | "default" |
Events & Slots
Events: files
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--file-upload-action-primary | var(--color-action-primary) |
--file-upload-border-default | var(--color-border-default) |
--file-upload-border-strong | var(--color-border-strong) |
--file-upload-form-background | var(--form-background) |
--file-upload-radius-control | var(--radius-control) |
--file-upload-radius-sm | var(--radius-sm) |
--file-upload-radius-surface | var(--radius-surface) |
--file-upload-status-danger | var(--color-status-danger) |
--file-upload-surface-sunken | var(--color-surface-sunken) |
--file-upload-text-default | var(--color-text-default) |
--file-upload-text-muted | var(--color-text-muted) |
Genutzte Design-Tokens
border.hairline color.action.primary color.border.default color.border.strong color.status.danger color.surface.sunken color.text.default color.text.muted duration.fast easing.standard font.family.default form.background radius.control radius.sm radius.surface size.12 size.3 size.4 size.6 size.8 text.sm text.xs weight.medium weight.semibold