# Menubar: Right to left

> Menus, submenus and arrow keys follow the reading direction. Shortcuts stay in keyboard order.

Example: https://hextaui.com/docs/menubar/examples/rtl
Component docs: https://hextaui.com/docs/menubar.md

## Add this example

```bash
npx shadcn@latest add https://hextaui.com/r/menubar-rtl.json
```

This adds `components/examples/menubar/rtl.tsx` with the Menubar component and the HextaUI theme tokens.

## Source

```tsx title="components/examples/menubar/rtl.tsx"
import {
  Menubar,
  MenubarContent,
  MenubarItem,
  MenubarMenu,
  MenubarShortcut,
  MenubarSub,
  MenubarSubContent,
  MenubarSubTrigger,
  MenubarTrigger,
} from "@/components/ui/menubar"

export function MenubarRtl() {
  return (
    <div dir="rtl">
      <Menubar aria-label="المحرر">
        <MenubarMenu>
          <MenubarTrigger>ملف</MenubarTrigger>
          <MenubarContent>
            <MenubarItem>
              علامة تبويب جديدة
              <MenubarShortcut>⌘T</MenubarShortcut>
            </MenubarItem>
            <MenubarSub>
              <MenubarSubTrigger>مشاركة</MenubarSubTrigger>
              <MenubarSubContent>
                <MenubarItem>رابط البريد</MenubarItem>
              </MenubarSubContent>
            </MenubarSub>
          </MenubarContent>
        </MenubarMenu>
        <MenubarMenu>
          <MenubarTrigger>تحرير</MenubarTrigger>
          <MenubarContent>
            <MenubarItem>تراجع</MenubarItem>
            <MenubarItem>إعادة</MenubarItem>
          </MenubarContent>
        </MenubarMenu>
      </Menubar>
    </div>
  )
}
```

## More Menubar examples

- [Trigger icons](https://hextaui.com/docs/menubar/examples/trigger-icons.md)
- [Icons](https://hextaui.com/docs/menubar/examples/icons.md)
- [Disabled](https://hextaui.com/docs/menubar/examples/disabled.md)
- [Vertical](https://hextaui.com/docs/menubar/examples/vertical.md)