Reflex Logo
Docs Logo
Library

/

Data Display

/

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" | ...
-

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

Built with Reflex