Components / Data Display

Data Display

Cards, avatars, badges, progress, ratings, and other presentational building blocks.

Cards

Containers for grouping content.

Monthly report

Overview of August performance.

Card

Revenue

Rp 4.8M

+12.5% vs last month

Stat card

Today

Orders

Rp 1.2M

Revenue

New cust.

Pending

Summary card

Active

Reza Akbar

Operations Lead

Yogyakarta, ID

Profile card

Delivery

Standard · 2–3 days

Rp 12.000

Information card

Lists & timeline

Ordered content and activity streams.

Espresso blendRp 85.000

Oat milkRp 54.000

Cocoa powderRp 72.000

List

Order IDORD-2048

CustomerReza Akbar

ChannelDine-in

TotalRp 320.000

Description list

Order placed

Today, 09:14

Payment confirmed

Today, 09:16

Preparing

Today, 09:21

Delivered

Today, 10:02

Timeline

Reza updated pricing on 3 items

2 min ago

Dina replied on #menu-review

1 hr ago

Weekly report is ready

3 hrs ago

Activity feed

Avatars & badges

Identity and status at a glance.

RSDSBN

Avatar

DSBN+12

Avatar group

successwarningdangeraccentneutral

Badges

#coffee#menu#2026#launch

Progress & rating

Visualize completion and quality.

Storage68%

Bandwidth42%

API quota89%

Progress bar

72%

45%

90%

Progress circle

4.7 / 5

1.2k reviews

Rating

Cards with direction

A touch of motion on interactive cards.

Action card