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
Company
Reflex

API Reference

rx.data_list.root

Root element for a DataList component.

Status
Authorized
ID
U-474747
Name
Developer Success
Email
foo@reflex.dev
PropType | ValuesDefaultInteractive
orientation
"horizontal" | "vertical"
size
"1" | "2" | ...
trim
"normal" | "start" | ...

Event Triggers

See the full list of default event triggers

rx.data_list.item

An item in the DataList component.

Status
Authorized
ID
U-474747
Name
Developer Success
Email
foo@reflex.dev
PropType | ValuesDefaultInteractive
align
"start" | "center" | ...

rx.data_list.label

A label in the DataList component.

Status
Authorized
ID
U-474747
Name
Developer Success
Email
foo@reflex.dev
PropType | ValuesDefaultInteractive
width
str
min_width
str
max_width
str
color_scheme
"tomato" | "red" | ...

rx.data_list.value

A value in the DataList component.

Props

No component specific props