Lists

Instructions

These are generic, styled ul and ol components. There might be more functionality required by the situation which will need to be handled by the developer.

universal props
items: collection of anything

ul props
classNames: classes separated by spaces. Some are exclusive (marked with an *):

  • discs: list style discs (•)
  • alpha: list style lower case letters (a., b., etc.)
  • roman: list style lower case letters (i., ii., etc.)

ol props

  • a for lowercase letters
  • A for uppercase letters
  • i for lowercase Roman numerals
  • I for uppercase Roman numerals
  • 1 for numbers (default)

ul examples

  • one
  • two
  • three
  • four

  • one
  • two
  • three
  • four

  • one
  • two
  • three
  • four

  • one
  • two
  • three
  • four

ol examples

  1. one
  2. two
  3. three
  4. four

  1. one
  2. two
  3. three
  4. four

  1. one
  2. two
  3. three
  4. four

  1. one
  2. two
  3. three
  4. four

  1. one
  2. two
  3. three
  4. four