Skip to content

shadcn Adapter ​

Package@xunserver-jsf/shadcn
Adapter IDshadcn
默认单例无。必须 createShadcnAdapter({ components })
扩展extendShadcnAdapter
nativenative["shadcn"]
日期canonical 字符串

shadcn/ui 以源码拷贝分发,本 adapter 不 vendor UI 组件。缺任一必需槽会抛 ShadcnAdapterConfigurationError。槽列表:REQUIRED_SHADCN_SLOTS。

tsx
import { createShadcnAdapter, type ShadcnAdapterComponents } from "@xunserver-jsf/shadcn";

const adapter = createShadcnAdapter({
  components: {
    Input,
    Textarea,
    Checkbox,
    Switch,
    Button,
    Select,
    SelectTrigger,
    SelectContent,
    SelectItem,
    SelectGroup,
    SelectValue,
    Combobox,
    Field,
    FieldLabel,
    FieldDescription,
    FieldError,
    FieldGroup,
    Card,
  } satisfies ShadcnAdapterComponents,
});
tsx
<FormRenderer form={form} adapter={adapter} />

Playground 预览帧使用独立 Tailwind / tokens,不复用编辑器 chrome 的 src/components/ui。