- 分组
- AI · 一个可调参数
- 组件
EffortDial·#effort-dial- 交互
- → 指针转到下一档
适合
- 推理强度、temperature、思考预算这类可调参数
- 讲“不同档位分别用在哪”
不适合
- 要表达达成率或占比：用 Gauge
- 档位超过 4 个
内容上限
| 1 | param ≤ 20 个字符 |
| 2 | stops 2–4 个：value 在 min–max 之间，label ≤ 8 字，note ≤ 36 字 |
| 3 | 需要 build: 'reveal'；不逐步时指向最后一档 |
字段
| 字段 | 类型 | |
|---|---|---|
kicker · 必填 | string | 标题上方的小节名，2–8 字 |
title · 必填 | string | string[] | 页面标题；传数组可手动断行，每项一行 |
lead | string | 一到两句导语，≤ 60 字 |
source | string | 事实出处；页面上有任何数据或事实时必填 |
hint | ReactNode | 页眉中间的操作提示，可用 <kbd> |
param · 必填 | string | 参数名 |
min · 必填 | number | 最小值 |
max · 必填 | number | 最大值 |
stops · 必填 | { value, label, note }[] | 档位，每个一个 build 步骤 |
示例代码
<EffortDial kicker="推理强度" title="想多久，可以调" param="reasoning_effort" min={1} max={100} stops={[{ value: 1, label: '最低档', note: '…' }, { value: 100, label: '最高档', note: '…' }]} />