Composed Example
Dashboard Demo
A local-only screen that composes Restyle primitives into the dark green/sage dashboard direction.
i
Local preview
This page uses no auth, API clients, or network requests.
Program check-in ready
Your dashboard composition is using shared Restyle primitives and editable tokens.
Adherence
Today
92%
Medication plan on schedule
Care
Today
3
Next appointment in 3 days
Tasks
Today
2
Two items need review
Order Card
Native order details rendered with shared order UI and local dashboard data.
New
Order Information
Status:
PROCESSING
Order ID
IVM-10294
WooCommerce Ref
#84219
WC Customer ID
37712
Appointment ID
#62148
Order Type
Membership refill
Items Count
2
Refills Count
1
Created
7/8/2026, 7:30:00 AM
Last Updated
7/10/2026, 11:45:00 AM
Program
Weight Care Plus
Start
7/1/2026
End
9/30/2026
Order Items
Semaglutide starter kit
Type: Medication
Vendor: empower • Product ID: semaglutide-0.25
Tracking: 1Z999AA10123456784 • Status: Label created
Injection supplies
Type: Supplies
Vendor: warehouse • Product ID: supply-kit
Tracking: -- • Status: Preparing shipment
Commerce Details
Order #
84219
Total
$297.00
Status
wc-processing
Type
subscription_renewal
Payment
Visa ending in 4242
Customer
member@example.com
Created
7/8/2026, 7:30:00 AM
Refills
Refill #
7742
SKU
semaglutide-0.25
Status
pending
Refill Date
8/5/2026
Configuration Links
ivim.link/start-10294
Appointment
#62148
Billing Information
Email
member@example.com
Health Plan
A compact panel combining status, progress, and segmented controls.
Day
Week
Month
Water
75%
Goal: 80 oz
Nutrition logs
90%
Target range maintained
Care tasks
64%
Needs one more check-in
Care Flow
Stepper and feedback components for multi-step work.
Intake
Confirm the profile and preferences.
2
Review
Care team reviews program details.
3
Plan
Member receives updated guidance.
Quick Edit
Form wrappers composed with input, select, and switch controls.
Preferences
Display name
*
Program phase
Send reminders
Search and Empty State
Catalog-style states used inside real dashboard panels.
Nutrition
Ready
Education
?
No matching resources
Clear the search to browse all local demo resources.