January 2026 - Inline Start and End Styles
本页提供 JGuang UI 技术内容、中文导航与术语适配。
中文模式已适配导航、标题、简介、目录与常用章节名称。翻译状态：部分完成；技术正文目前仍为英文。
We've updated the styles for Base UI components to support inline-start and inline-end side values. The following components now support these values:
- Tooltip
- Popover
- Combobox
- Context Menu
- Dropdown Menu
- Hover Card
- Menubar
- Select
What Changed
We added new Tailwind classes to handle the logical side values:
<PopoverPrimitive.Popup
className={cn(
"... data-[side=bottom]:slide-in-from-top-2
data-[side=left]:slide-in-from-right-2
data-[side=right]:slide-in-from-left-2
data-[side=top]:slide-in-from-bottom-2
+ data-[side=inline-start]:slide-in-from-right-2
+ data-[side=inline-end]:slide-in-from-left-2 ...",
className
)}
/>
用法
<Popover>
<PopoverTrigger>Open</PopoverTrigger>
<PopoverContent side="inline-start">
{/* Opens on the left in LTR, right in RTL */}
</PopoverContent>
</Popover>
LLM Prompt
Ask your LLM to update your components by running the following prompt:
Use the JGuang UI Registry URL provided on /systems/jguang-ui#install.
来源: changelog/2026-01-inline-side-styles.mdx
JGuang UI 技术文档。
January 2026 - Base UI DocumentationJanuary 2026 - Base UI Documentation
Full documentation for Base UI components.本页提供 JGuang UI 技术内容、中文导航与术语适配。
January 2026 - RTL SupportJanuary 2026 - RTL Support
The JGuang UI CLI now supports RTL (right-to-left) layouts by automatically converting physical CSS classes to logical equivalents.本页提供 JGuang UI 技术内容、中文导航与术语适配。