new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

Mantine · all subjects

rtl/overview

6 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

DirectionProvider component overview

The DirectionProvider component is used to set direction for all components inside it. It is required to wrap your application with DirectionProvider if you are planning to either use RTL direction or change direction dynamically.

DirectionProvider setup example

import { DirectionProvider, MantineProvider } from '@mantine/core'; function Demo() { return ( <DirectionProvider> <MantineProvider>{/* Your app here */}</MantineProvider> </DirectionProvider> ); }

dir attribute setup for RTL

It is required to set the dir attribute on the root element of your application, usually the html element. The DirectionProvider will use its value to set direction on mount if the detectDirection prop is set to true. Set dir="rtl" on the html element for right-to-left direction.

RTL mixin for CSS

If postcss-preset-mantine is installed, you can use the rtl mixin in .css files for right-to-left styling.

All Mantine components support RTL

All Mantine components support right-to-left direction out of the box.

RTL direction control keyboard shortcut

You can toggle RTL direction by pressing Ctrl + Shift + L.

Give your agent this brain