List Styles UI

Default styles

Default styles
Bulleted Numbered
  • UL List item 1
  • UL List item 2
  • UL List item 3
  1. OL List item 1
  2. OL List item 2
  3. OL List item 3

Bulleted lists

Type of list
Circle Disc Square '👉'
  • UL List item 1
  • UL List item 2
  • UL List item 3
  • UL List item 1
  • UL List item 2
  • UL List item 3
  • UL List item 1
  • UL List item 2
  • UL List item 3
  • UL List item 1
  • UL List item 2
  • UL List item 3

Numbered lists

Type of list
Decimal Decimal-leading-zero Lower-latin Lower-roman
  1. OL List item 1
  2. OL List item 2
  3. OL List item 3
  1. OL List item 1
  2. OL List item 2
  3. OL List item 3
  1. OL List item 1
  2. OL List item 2
  3. OL List item 3
  1. OL List item 1
  2. OL List item 2
  3. OL List item 3

Nested/mixed lists (numbered and bulleted)

  1. OL 1.1 OL[style: lower-roman]
  2. OL 1.2 OL[style: lower-roman]
    • UL 1.2.1 OL[style: lower-roman] > UL[style: square]
    • UL 1.2.2 OL[style: lower-roman] > UL[style: square]
    • UL 1.2.3 OL[style: lower-roman] > UL[style: square]
  3. OL 1.3 OL[style: lower-roman]
  4. OL 1.4 OL[style: lower-roman]
    1. OL 1.4.1 OL[style: lower-roman] > OL[style: lower-alpha]
    2. OL 1.4.2 OL[style: lower-roman] > OL[style: lower-alpha]
    3. OL 1.4.3 OL[style: lower-roman] > OL[style: lower-alpha]
  5. OL 1.5 OL[style: lower-roman]
  6. OL 1.6 OL[style: lower-roman]
  1. OL 2.1 OL[style: upper-alpha]
    1. OL 2.2.1 OL[style: lower-alpha] > OL[style: lower-greek]
      • UL 2.2.1.1 ... > OL[style: lower-greek] > UL[style: circle]
      • UL 2.2.1.2 ... > OL[style: lower-greek] > UL[style: circle]
      • UL 2.2.1.3 ... > OL[style: lower-greek] > UL[style: circle]
    2. OL 2.2.2 OL[style: lower-alpha] > OL[style: lower-greek]
    3. OL 2.2.3 OL[style: lower-alpha] > OL[style: lower-greek]
  2. OL 2.2 OL[style: upper-alpha]