Prinzipien Grundlagen Barrierefreiheit Design System Guidelines Deutsch Français Italiano English Unsere Gestaltungsprinzipien Nutzerzentriert Wiedererkennbar Inklusiv Reduziert Ganzheitlich Selbsterklärend Aufgabenorientiert Passend SBB Markenportal Logo Digitale Uhr Nutzungsrechte Basis-Farben Funktionale Farben Off-Brand Farben Icons Fahrplan-Icons Piktogramme Über Barrierefreiheit Über diesen Guide Kontakt Weitere Informationen Product Owner User Research Interaction Design Visual Design Development Content Design Testing Was ist ein Design System?​ Designing Coding FAQ Hilfe Prozess Contribution Kontakt Übersicht Basis Komponenten Übersicht Releases Design Tokens Komponenten Übersicht Basis Informationen Übersicht Basis Komponenten Sinn & Zweck Community Assets Anleitung Power-Apps Digitale Werbebanner SAP App Icons Fileselector

Übersicht

Was macht die Komponente?

  • Dient zum Hochladen von Dateien.

Wann soll die Komponente eingesetzt werden?

  • Wenn eine Anwendung eine oder mehrere Dateien der Benutzer*innen verlangt.

Regeln

  • Mit Klick auf den Button «Datei hochladen» öffnet sich der Datei-Browser des Systems.
  • Die hochgeladenen Dateien werden in einer Liste angezeigt.
  • Die Liste ist sortiert nach der chronologischen Reihenfolge des Hochladens.
  • Mittels dem Papierkorb-Icon kann eine einzelne Datei wieder aus der Liste entfernt werden.
  • Der Listeneintrag beinhaltet das Icon des Dateityps, den Dateinamen sowie in Klammern den Dateityp und die Dateigrösse.
  • Der Datei-Upload hat über dem Button immer einen Hinweis, welche Dateitypen und -grössen hochgeladen werden können.
Zustände und Varianten

Zustände

Die Komponente hat folgende Zustände:

  • Default
  • Disabled

Varianten

Standard

Darstellung des Fileselectors

Spezifikationen

DesignCode

Impressum Kontakt Datenschutz Cookie Einstellungen