List

A list is a component that is used to display a list of items, stacked vertically by default. A list can be either ordered or unordered. It is based on the flex component and therefore inherits all of its props.

list.unordered has bullet points to display the list items.

  • Example 1
  • Example 2
  • Example 3

list.ordered has numbers to display the list items.

  1. Example 1
  2. Example 2
  3. Example 3

list.unordered() and list.ordered() can have no bullet points or numbers by setting the list_style_type prop to none. This is effectively the same as using the list() component.

  • Example 1
  • Example 2
  • Example 3
  • Example 1
  • Example 2
  • Example 3

Lists can also be used with icons.

  • Allowed
  • Not
  • Settings

API Reference

rx.list.item

Display an item of an ordered or unordered list.

Props

No component specific props

rx.list.ordered

Display an ordered list.

PropType | ValuesDefault
list_style_type
"none" | "disc" | ...

rx.list.unordered

Display an unordered list.

PropType | ValuesDefault
list_style_type
"none" | "disc" | ...