Diggi Docs
List
Listen gruppieren Inhalte auf vertikaler Ebene. Sie geben dem Nutzer eine schnelle und einfache Übersicht über benötigte Informationen. Diese können je nach Bedarf unterschiedlich angeordnet werden. Die folgenden Regeln gelten übergreifend für alle Listen.

Eigenschaften

NameTypeDefault ValueDescription

isOrdered

boolean

undefined

Ol or UL

itemStyle

string

undefined

List Style

listItems

string[]

undefined

Array of content which should be rendered representation of lists

style

string

undefined

Additional css styles


Beispiele

Ordered List

Sortierte Listen geben eine Reihenfolge vor und werden daher häufig genutzt, um Anleitungen abzubilden.

  • Text View standard regular Lorem ipsum dolor sit amet.
  • Text View standard regular Lorem ipsum dolor sit amet consetetur.
  • Text View standard regular Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
  • Text View standard regular Lorem ipsum dolor sit amet.
  • Text View standard regular Lorem ipsum dolor sit amet consetetur.

Unordered List

Unsortierte Listen werden für Inhalte mit gleichem Status oder gleicher Wertigkeit verwendet.

  1. Text View standard regular Lorem ipsum dolor sit amet.
  2. Text View standard regular Lorem ipsum dolor sit amet consetetur.
  3. Text View standard regular Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
  4. Text View standard regular Lorem ipsum dolor sit amet.
  5. Text View standard regular Lorem ipsum dolor sit amet consetetur.

Check List

Die Check list ist eine unsortierte Liste und verwendet anstelle von Gliederungspunkten Häkchen, um Vorteile hervorzuheben.

  • Text View standard regular Lorem ipsum dolor sit amet.
  • Text View standard regular Lorem ipsum dolor sit amet consetetur.
  • Text View standard regular Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
  • Text View standard regular Lorem ipsum dolor sit amet.
  • Text View standard regular Lorem ipsum dolor sit amet consetetur.

Do's and Don'ts

do dont

Do

Don't

Richtige Einrückung und Zeilenabstände bei mehrzeiligen Elementen

Listen-Typen dürfen nicht gemischt werden.

dont

Don't

Es dürfen nur die vorgegebenen Symbole für Listen verwendet werden.