JGuang / JGuang UI

June 2025 - radix-ui Migration

A new command to migrate to the new radix-ui package.

Partially translated: Chinese navigation, titles, descriptions, and common headings. The technical body is currently in English.

We've added a new command to migrate to the new radix-ui package. This command will replace all @radix-ui/react-* imports with radix-ui.

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

It will automatically update all imports in your ui components and install radix-ui as a dependency.

- import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"
+ import { AlertDialog as AlertDialogPrimitive } from "radix-ui"

Make sure to test your components and project after running the command.

Note: To update imports for newly added components, run the migration command again.

Source: changelog/2025-06-radix-ui.mdx

Technical documentation for JGuang UI.