Blocks · App screens

Settings page

Profile, notifications, language and display, and security, in tabs that stand in a column on wide screens.

Preview

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

Installation

Opens at launchInstalling from the registry opens at launch. Until then, these are the commands you will run.
npx ritla add settings-page

Also works with shadcn: npx shadcn@latest add @ritla/settings-page

Pricing ›

Built from

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

Arabic and RTL notes

Mirrors

  • The tab column stands on the right in Arabic; on a phone the tabs run from the right.

Does not mirror

  • Each language name is written in its own language.
Numerals
The numerals choice shows its two samples, 123 and ١٢٣, whatever the current setting.