Constimport * as Radix from "@radix-ui/themes";
import { createRadixResolver } from "schema-components/themes/radix";
const radixResolver = createRadixResolver({
Box: Radix.Box,
Checkbox: Radix.Checkbox,
Flex: Radix.Flex,
SelectRoot: Radix.Select.Root,
SelectTrigger: Radix.Select.Trigger,
SelectContent: Radix.Select.Content,
SelectItem: Radix.Select.Item,
Text: Radix.Text,
TextField: Radix.TextField.Root,
});
<SchemaProvider resolver={radixResolver}>
<SchemaComponent schema={userSchema} value={user} onChange={setUser} />
</SchemaProvider>
Component resolver mapping schema field types to Radix Themes primitives —
Box,Checkbox,Flex,Select.*,Text,TextField.Built against minimal HTML stubs so the resolver is usable without wiring up
@radix-ui/themesfirst — production usage should call createRadixResolver with real Radix element types.