Diggi Docs

Details

Details zeigt zusätzliche Details an, die der Benutzer bei Bedarf öffnen und schließen kann. Standardmäßig ist das Widget geschlossen. Wenn es geöffnet ist, wird der Inhalt angezeigt.

Verwendung

Details bieten sich an, um eine gute Übersicht über viel Inhalt zu erhalten.
Die Gestaltung innerhalb des geöffneten Details ist frei und kann aus verschiedenen Komponenten erstellt werden.

Info! Details und Accordion sehen zwar ähnlich aus, werden aber in unterschiedlichen Situationen verwendet.

Accordion ist eine vertikal gestapelte Liste von Elementen mit Ein-/Ausblendfunktion. Es bietet mehr Kontrolle und Anpassungsmöglichkeiten für den Inhalt. Es kann z. B. Listen, Bilder oder Links enthalten. Akkordeons werden in komplexeren Benutzeroberflächen verwendet

Details wird für einfache, zusammenklappbare Abschnitte verwendet, deren Inhalt optional eingeblendet werden kann. Es ist kleiner als das Akkordeon und zieht weniger Aufmerksamkeit auf sich. Es eignet sich für einfache Fälle, die keine Anpassungen oder komplexe Interaktionen erfordern. Eine Gruppe von Details kann sogar zum Accordion-Inhalt hinzugefügt werden

Eigenschaften

Name	Type	Default Value	Description
label	string	undefined	The label of the details component
open	boolean	false	The open state of the details component
isSmall	boolean	false	The size of the details component

Beispiele

Details default

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Details small

Lorem ipsum dolor sit amet

Do's and Don'ts

Do

Kurze Label-Texte mit Referenz zur textlichen Erläuterung