Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:component1 dependency

Metric Card

metric-card

Compact metric card with a value and unit, a tone-aware sparkline and an up / down trend line. Compound API.

@hiraelRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

1 other registry

Similar components

Other registries' take on metric-card.

Metric Card
u@uniquel
Component
@hirael

More from @hirael

All 34 items
Duration Input
duration-input
Component
FAQ 4
faq-04
Block
Feature 3
feature-03
Block
Footer 1
footer-01
Block
Kbd
kbd
Component
Magnetic Button
magnetic-button
Component
Mention Input
mention-input
Component
Network Topology
network-topology
Block