AI Trade控件与导航
一致的选择、反馈和可发现的下一步。
SegmentedTabs
模块内的周期或模式选择；禁用选项保留原因。
当前周期：近 1 月。此处只演示控件选择，不请求行情。
查看用法
<SegmentedTabs label="研究周期" value={range} onChange={setRange}
options={[{ key: "1m", label: "近 1 月" }, { key: "1y", label: "近 1 年" }]} />UnderlineTabs
页面级内容分区，选中项使用下划线。
总览先呈现研究对象与主要变化。
查看用法
<UnderlineTabs label="研究分区" tabs={tabs} value={tab} onChange={setTab} />ResearchDepthSelect
研究深度下拉选择，复用当前 Radix 控件。
当前选择：简要解读
查看用法
<ResearchDepthSelect value={depth} onChange={setDepth} options={options} />Tag
分类默认中性；只有金融方向、AI 和警告使用对应语义色。
分类描边上涨下跌风险AI 解读演示数据
查看用法
<Tag tone="neutral">半导体</Tag>
<Tag tone="sim">演示数据</Tag>Callout
图标、状态与下一步组成完整提示，不用涨跌色表达成功或失败。
设置已保存。可以继续查看组件。
部分字段缺失。请核对来源。
读取失败。稍后重试。
AI 生成内容。请结合原始证据核验。
查看用法
<Callout tone="warning" status="部分字段缺失。" action="请核对来源。" />所有数据示例仅用于组件排版演练，不构成投资建议。