Merchant Dashboard

Beta

A store's sales page: stat cards, a 7-day sales chart, top products and recent orders with status tags, in a dashboard frame with side navigation (a bottom bar on a phone).

Open in Figma

Preview

Mirrored is the same English content laid out right to left: it separates a mirroring bug from a translation one.

Installation

Add the block
$ npx ritla add merchant-dashboard
Also works with shadcn: npx shadcn@latest add @ritla/merchant-dashboard

Pricing

Built from

The Ritla UI components this block is made of. Each is installed with it.

Avatar
Button
Content Switcher
Navigation Bar
Price
Search Field
Table
Tag

Arabic and RTL notes

Mirrors

The frame, the cards and the table mirror; the chart reads from the right, Saturday on the right.

Does not mirror

Order numbers stay as written; amounts read 1,250.00 ر.س.