✨ Announcing our seed funding led by Lux Capital! Read more about it on our blog ✨
[ Learn ]
[ Concepts ]
[ Reference ]
Stat
The stat component is a great way to visualize statistics in a clean and concise way.
- Example Price
- $25
- The price of the item.
rx.stat(
rx.stat_label("Example Price"),
rx.stat_number("$25"),
rx.stat_help_text("The price of the item."),
)Example of a stats in a group with arrow.
- $250
- %50increased by
- £100
- %50decreased by
rx.stat_group(
rx.stat(
rx.stat_number("$250"),
rx.stat_help_text(
"%50", rx.stat_arrow(type_="increase")
),
),
rx.stat(
rx.stat_number("£100"),
rx.stat_help_text(
"%50", rx.stat_arrow(type_="decrease")
),
),
width="100%",
)Stat
The Stat component is used to display some statistics. It can take in a label, a number and a help text.
No props for Stat.
Base Event Triggers
StatLabel
A stat label component.
No props for StatLabel.
Base Event Triggers
StatNumber
The stat to display.
No props for StatNumber.
Base Event Triggers
StatHelpText
A helper text to display under the stat.
No props for StatHelpText.
Base Event Triggers
StatArrow
A stat arrow component indicating the direction of change.
Base Event Triggers
StatGroup
A stat group component to evenly space out the stats.
No props for StatGroup.
Base Event Triggers
Copyright © 2023 Pynecone, Inc.