Skip to main content Skip to navigation Skip to search

To use the list component import the styles in your CSS or through HTML.

import '@cds/core/list/list.min.css';

Or, import it into html.

<link href="/node_modules/@cds/core/list/list.min.css" rel="stylesheet" />

OrderedList

  1. The five boxing wizards jump quickly
  2. The five boxing wizards jump quickly
  3. The five boxing wizards jump quickly
  4. The five boxing wizards jump quickly

UnorderedList

  • The five boxing wizards jump quickly
  • The five boxing wizards jump quickly
  • The five boxing wizards jump quickly
  • The five boxing wizards jump quickly

UnstyledList

  1. The five boxing wizards jump quickly
  2. The five boxing wizards jump quickly
  3. The five boxing wizards jump quickly
  4. The five boxing wizards jump quickly

  • The five boxing wizards jump quickly
  • The five boxing wizards jump quickly
  • The five boxing wizards jump quickly
  • The five boxing wizards jump quickly

NestedList

  1. The quick brown fox jumps over the lazy dog
  2. The quick brown fox jumps over the lazy dog
  3. The quick brown fox jumps over the lazy dog
  4. The quick brown fox jumps over the lazy dog
  5. The quick brown fox jumps over the lazy dog
    • The five boxing wizards jump quickly
    • The five boxing wizards jump quickly
    • The five boxing wizards jump quickly
    • The five boxing wizards jump quickly
    • The five boxing wizards jump quickly
    • The five boxing wizards jump quickly
    • The five boxing wizards jump quickly
  6. The quick brown fox jumps over the lazy dog
  7. The quick brown fox jumps over the lazy dog

CustomSpaceList

  1. The five boxing wizards jump quickly
  2. The five boxing wizards jump quickly
  3. The five boxing wizards jump quickly
  4. The five boxing wizards jump quickly

DarkTheme

  1. The five boxing wizards jump quickly
  2. The five boxing wizards jump quickly
  3. The five boxing wizards jump quickly
  4. The five boxing wizards jump quickly
  • The five boxing wizards jump quickly
  • The five boxing wizards jump quickly
  • The five boxing wizards jump quickly
  • The five boxing wizards jump quickly