Asset detail
One asset's price with today's change, a line chart with ranges, the stats, the order book and Buy and Sell.
Preview
Mirrored is the same English content laid out right to left: it separates a mirroring bug from a translation one.
EnglishMirroredArabic
DesktopMobile
LTR →
Installation
Add the block
npx ritla add asset-detailAlso works with shadcn:
npx shadcn@latest add @ritla/asset-detail
Built from
The Ritla UI components this block is made of. Each is installed with it.
Arabic and RTL notes
Mirrors
- The title bar, stats rows, order book columns and the Sell and Buy buttons follow the reading direction.
Does not mirror
- Prices, volumes and the ticker (XAU) stay left to right.
- Numerals
- Prices, the change and the volume follow the numerals setting.
- Mixed-direction text
- In Arabic the line chart's time runs right to left with the page, and the value axis moves to the end side.