Documentation
Getting started
Migration Guide
Browser support
Changelog
Server Side Rendering
Direction: RTL
Documentation engine
Taiga UI family
StackBlitz
Testing
AI support
Foundations
Components
Layout
Navigation
Charts
Customization
Tools
RTL
Taiga UI supports setting
dir="rtl"
to implement right-to-left (RTL) layouts. This is particularly useful for languages that are read from right to left, such as Arabic or Hebrew.
Variables
#
There are a few CSS variables that would be helpful for you when implementing bidirectional interfaces
Preview
HTML
TypeScript
LESS
More
Edit
Use
--tui-inline
variable
When you need to flip
calc()
Use
--tui-inline-start/end
variable
When you need direction in gradients etc
Copy
Copy
Copy
Copy
Taiga UI
v4.45.0
More