表单组件版本 0.1.0

Cascader 级联选择

按列逐级选择具有明确父子关系的分类或区域路径。

使用概览

正在加载示例…

本地候选警告Registry 地址仅指向当前本地文档站；npm 包也只用于本地候选验证，尚未公开发布。

pnpm dlx shadcn@4.16.0 add http://127.0.0.1:3000/r/cascader.json

import { Cascader } from "@richardqiu/quartz/cascader";

<Cascader aria-label="商品分类" placeholder="选择分类" nodes={[{ id: "office", label: "办公", children: [{ id: "chair", label: "办公椅" }] }]} />

默认

键盘焦点可见

已打开

已选择

已禁用

label · textactive · boolean

属性	类型	默认值	说明
`value`	`readonly string[]`	`[]`	以各层节点标识组成的数组表示当前选择路径。