Datei-Upload (Dropzone)

Upload-Zone (Untitled-UI-Muster): Klick oder Drag-and-Drop, Dateiliste mit Größe und Entfernen — Prototyp ohne Server-Upload, emittet dateien

Components v1.0.0 Formulare WebsiteAppDesktop component.file-upload

Nutzt: ui.icon ui.featured-icon

Beispiele

Dropzone (klicken oder Dateien hineinziehen)
Anhänge

    Eigenschaften

    PropTypDefaultBuilder-Label
    labelstring""Label
    hintstring"PNG, JPG oder PDF (max. 10 MB)"Format-Hinweis
    multiplebooleantrueMehrere Dateien
    acceptstring""accept-Attribut (z.B. image/*,.pdf)

    * Pflicht-Prop

    Events & Slots

    Events: ⚡ files — im Surface per on: {<event>: {action, params}} verdrahtbar.

    Genutzte Design-Tokens

    border.hairlinecolor.action.primarycolor.border.defaultcolor.border.strongcolor.status.dangercolor.surface.sunkencolor.text.defaultcolor.text.mutedduration.fasteasing.standardfont.family.defaultform.backgroundradius.controlradius.smradius.surfacesize.3size.6text.smtext.xsweight.mediumweight.semibold