ui
ui copied to clipboard
RTL Support
RTL support for almost all components in the registry.
Mainly replaced physical properties with logical properties and added rtl:space-x-reverse
where space-x-*
is used. In addition to using radix direction provider to return chevrons dynamically.
This fixes #530
Up to date list of adjusted components:
"🔸" means the component didn't need any changes to be compatible with RTL layouts
- [x] Accordion 🔸
- [x] Alert Dialog
- [x] Alert
- [x] Aspect Ratio 🔸
- [x] Avatar 🔸
- [x] Badge 🔸
- [ ] Breadcrumb
- [x] Button 🔸
- [x] Calendar
- [x] Card 🔸
- [x] Carousel
- [ ] Chart
- [x] Checkbox 🔸
- [x] Collapsible 🔸
- [x] Command
- [x] Context Menu
- [x] Dialog
- [x] Drawer
- [x] Dropdown Menu
- [x] Form
- [x] Hover Card
- [ ] Input OTP
- [x] Input 🔸
- [x] Label 🔸
- [x] Menubar
- [x] Navigation Menu
- [x] Pagination
- [x] Popover 🔸
- [ ] Progress
- [x] Radio Group 🔸
- [x] Resizable 🔸
- [x] Scroll Area 🔸
- [x] Select
- [x] Separator 🔸
- [x] Sheet
- [x] Skeleton
- [x] Slider 🔸
- [x] Sonner 🔸
- [x] Switch
- [x] Table
- [x] Tabs 🔸
- [x] Textarea 🔸
- [ ] Toast
- [ ] Toaster
- [x] Toggle Group 🔸
- [x] Toggle 🔸
- [x] Tooltip 🔸