Data List
The DataList component displays key-value pairs and is particularly helpful for showing metadata.
A DataList needs to be initialized using rx.data_list.root() and currently takes in data list items: rx.data_list.item
- Status
- Authorized
- ID
U-474747- Name
- Developer Success
- [email protected]
- Company
- Reflex
ExpandCollapse
API Reference
rx.data_list.root
Root element for a DataList component.
- Status
- Authorized
- ID
- U-474747
- Name
- Developer Success
- [email protected]
orientationsizeProps
| Prop | Type | Description |
|---|---|---|
orientation | "horizontal""vertical" | The orientation of the data list item: "horizontal" | "vertical". |
size | "1""2""3" | The size of the data list item: "1" | "2" | "3". |
trim | "normal""start""end""both" | Trims the leading whitespace from the start or end of the text. |
Event Triggers
See the full list of default event triggersrx.data_list.item
An item in the DataList component.
- Status
- Authorized
- Name
Developer Success
- [email protected]
alignProps
| Prop | Type | Description |
|---|---|---|
align | "start""center""end""baseline""stretch" | The alignment of the data list item within its container. |
Event Triggers
See the full list of default event triggersrx.data_list.label
A label in the DataList component.
- Status
- Authorized
- ID
- U-474747
- Name
- Developer Success
- [email protected]
color_schemeProps
| Prop | Type | Description |
|---|---|---|
width | str | The width of the component. |
min_width | str | The minimum width of the component. |
max_width | str | The maximum width of the component. |
color_scheme | "tomato""red""ruby""crimson""pink""plum""purple""violet""iris""indigo""blue""cyan""teal""jade""green""grass""brown""orange""sky""mint""lime""yellow""amber""gold""bronze""gray" | The color scheme for the DataList component. |
Event Triggers
See the full list of default event triggersrx.data_list.value
A value in the DataList component.
Props
No component specific props