# cascader

- 分组：组合组件（Composite）
- 页面：/components/cascader
- 源码：packages/react/src/components/cascader.tsx

## 导出

```ts
import { Cascader } from "@modra/react";
```

## Props（CascaderProps）

| 名称 | 必填 | 类型 | 说明 |
| --- | --- | --- | --- |
| `options` | 是 | `TreeNode[]` |  |
| `value` | 否 | `string[]` |  |
| `defaultValue` | 否 | `string[]` |  |
| `onValueChange` | 否 | `(value: string[]) => void` |  |
| `loadData` | 否 | `(path: TreeNode[]) => Promise<TreeNode[] \| void> \| TreeNode[] \| void` | Load children for a non-leaf node before entering its child level. |
| `changeOnSelect` | 否 | `boolean` | Emit the selected path even when the selected node has children. |
| `placeholder` | 否 | `string` |  |
| `disabled` | 否 | `boolean` |  |
| `className` | 否 | `string` |  |
| `data-form-control` | 否 | `boolean \| string` | Internal marker applied by FormControl for status styling. |