List

Styling lists with bullets, numbers, or letters

List variations

Bullet

<w>
  <v>
    item one
  </v>
  <v>
    item two ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  </v>
  <v>
    item three
  </v>
</w>

Number

<w theme="decimal">
  <v>
    item one
  </v>
  <v>
    item two ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  </v>
  <v>
    item three
  </v>
</w>

Lower alpha

<w theme="alpha">
  <v>
    item one
  </v>
  <v>
    item two ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  </v>
  <v>
    item three
  </v>
</w>

Props

List

children
List items to render. Should be instances of ListItem.

Type
React.ReactNode
theme
Controls the theme of the markers applied to each list item.

Type
'bullet' | 'decimal' | 'alpha'
Default
'bullet'

ListItem

children
Item contents to render.

Type
React.ReactNode