KeyValueList

components/cards/KeyValueList.tsx

basic

Basic string pairs

Key in textMuted / value in monospace text — right-aligned

name
!duel
cooldown
30s
requiredPrivilege
viewer
created
2024-11-01

rich-values

Rich value nodes

value accepts any ReactNode — Badge, formatted number, etc.

status
enabled
privilege
mod
type
custom
total uses
1,204
last used
2h ago
success rate
94.2%
avg points won
250

real-world

Real-world usage

Command detail panel — handler parameters

Command parameters

name
!challenge
cooldown
60s
requiredPrivilege
viewer
precheckHandler
hasPoints
successHandler
transferPoints
failHandler
deductPoints
pointsCost
100
duration
30 min