# 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.

- Page: https://jiguang132.com/systems/jguang-ui/docs/changelog/2026-01-inline-side-styles
- Based on: shadcn/ui documentation (MIT) @ bc0705384b51252af26dcc65425b216bf5eb063c

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:

```diff
<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
  )}
/>
```

### Usage

```tsx
<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:

```text
Use the JGuang UI Registry URL provided on /systems/jguang-ui#install.
```

---

Index of all JGuang resources: https://jiguang132.com/llms.txt