Order Detail

This is what a detail page looks like when a user clicks "View" on a table row. The URL would be /account/orders/detail?id=4821 — the data-param reads the query string and fetches the matching record.

On a real site this page would be auth-gated with data-auth: required, so unauthenticated users are redirected to login first.

data: my-orders
data-display: detail
data-param: id
data-key: id
data-auth: required
data-field: Order Number: order_number
data-field: Status: status
data-field: Total: {{currency}}{{amount}}
data-field: Shipping: {{street}}, {{city}}, {{state}} {{zip}}
data-field: Items: items_description
Order Number
ORD-4821
Status
Shipped
Total
$129.00
Shipping
742 Evergreen Terrace, Springfield, IL 62704
Items
1x Mechanical Keyboard (Cherry MX Brown)

← Back to Dynamic Data docs