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.
- Example 1
- Example 2
- 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
Event Triggers
See the full list of default event triggersrx.list.unordered
Display an unordered list.