Komponenten

Expandables

Mit Expandables verbergen wir Inhalte, die nicht auf den ersten Blick sichtbar sein müssen. In diesem Guide erfahren Sie, wie diese Komponente angewendet wird.

Expandables
  • Anwendung
  • Beispiele
  • Verwandte Komponente
  • Download

Anwendung

Accordion

Accordion-Menues können zunächst eingeklappt oder teilweise bzw. vollständig ausgeklappt sein. Ein Arrow-Icon verrät dem Nutzer, dass weitere Inhalte verfügbar sind und durch Anklicken eingeblendet werden können. Hierzu kann entweder ein einzelnes Icon oder ein Icon-Button verwendet werden. Das Arrow-Icon kann zudem durch einen Text-Button ersetzt werden. Dieser beschreibt die gewünschte Aktion – in diesem Fall „Mehr anzeigen“ bzw. „Weniger anzeigen“.

Fade-Effekt

Ein kleiner Teil des Textes kann mit einem Fade-Effekt angezeigt werden. Dadurch erhält der Nutzer einige Informationen (beispielsweise Text, Bilder usw.) und kann diese durch Anklicken des Text-Buttons „Mehr anzeigen“ erweitern.

Expandables für Bilder

Wenn nicht alle Bilder einer großen Galerie auf einmal angezeigt werden sollen, empfehlen sich ein- und ausklappbare Bildansichten.



Beispiele

Verwandte Komponente

Download

Wenn Sie ein Dokument herunterladen, akzeptieren Sie unsere Nutzungsbedingungen.

Sketch UI Library