Learn how to setup and configure bidirectional text formats (RTL and LTR) in your project using native Tailwind CSS variants and the Flowbite UI components

Zoltán Szőgyényi

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

Learn how to setup and configure bidirectional text formats (RTL and LTR) in your project using native Tailwind CSS variants and the Flowbite UI components. The guide explains how to add the `dir` attribute to the `<html>` element, use RTL variants, and demonstrates the support for RTL in Flowbite UI components.

Tailwind CSS RTL (Right-To-Left) - Flowbite

<p>Seems like a step in the right direction (no pun intended).</p>
<p>I’ve always thought Tailwind should change things like mt / margin-top to mbs / margin-block-start to address this issue.</p>
