fix(breadcrumbs): add RTL support to the breadcrumbs component (#2486)

heroui-inc · Mar 9, 2024 · 8f107db · 8f107db
1 parent 2894aec
commit 8f107db
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/.changeset/red-terms-rule.md b/.changeset/red-terms-rule.md
@@ -0,0 +1,5 @@
+---
+"@nextui-org/breadcrumbs": patch
+---
+
+Add RTL support to the breadcrumbs component
diff --git a/packages/components/breadcrumbs/src/breadcrumbs.tsx b/packages/components/breadcrumbs/src/breadcrumbs.tsx
@@ -14,7 +14,11 @@ const Breadcrumbs = forwardRef<"div", BreadcrumbsProps>((props, ref) => {
     children,
     childCount,
     itemProps,
-    separator = <ChevronRightIcon />,
+    separator = (
+      <div className="rtl:transform rtl:rotate-180">
+        <ChevronRightIcon />
+      </div>
+    ),
     maxItems,
     itemsBeforeCollapse,
     itemsAfterCollapse,