Reflex Cloud - Fast, secure & scalable hosting. One command to deploy.

/

/

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: [email protected]
Company: Reflex

API Reference

rx.data_list.root

Root element for a DataList component.

Status: Authorized
ID: U-474747
Name: Developer Success
Email: [email protected]

Prop	Type \| Values	Default	Interactive
`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: [email protected]

Prop	Type \| Values	Default	Interactive
`align`	`"start" \| "center" \| ...`

Event Triggers

See the full list of default event triggers

rx.data_list.label

A label in the DataList component.

Status: Authorized
ID: U-474747
Name: Developer Success
Email: [email protected]

Prop	Type \| Values	Default	Interactive
`width`	`str`
`min_width`	`str`
`max_width`	`str`
`color_scheme`	`"tomato" \| "red" \| ...`

Event Triggers

See the full list of default event triggers

rx.data_list.value

A value in the DataList component.

Props

No component specific props

Event Triggers

See the full list of default event triggers