组件演示
直接从仓库 code-examples/ 引入的真实组件，不是截图。
下面的组件直接引用仓库里的源码（code-examples/*.tsx），样式变量来自 cds-theme.css。右上角可以切换深色模式。
CdsButton 按钮
尺寸阶梯 XXS 20px、XS 24px、SM 28px、MD 32px、LG 40px。按下时有回弹形变。
SegmentedControl 分段控制器
轨道 1px 内边距，滑块按 left = 1px + index × (100% - 2px) / total 定位，120ms 吸附。
StatusIndicators 状态灯
6px 状态灯、陶土色呼吸灯、思考中三点波浪、骨架屏扫光。
ThinkingAccordion 思考折叠面板
ScrollFadeContainer 滚动渐隐
第 1 行：滚动后顶部出现渐隐，回到顶部渐隐消失。
第 2 行：滚动后顶部出现渐隐，回到顶部渐隐消失。
第 3 行：滚动后顶部出现渐隐，回到顶部渐隐消失。
第 4 行：滚动后顶部出现渐隐，回到顶部渐隐消失。
第 5 行：滚动后顶部出现渐隐，回到顶部渐隐消失。
第 6 行：滚动后顶部出现渐隐，回到顶部渐隐消失。
第 7 行：滚动后顶部出现渐隐，回到顶部渐隐消失。
第 8 行：滚动后顶部出现渐隐，回到顶部渐隐消失。
第 9 行：滚动后顶部出现渐隐，回到顶部渐隐消失。
第 10 行：滚动后顶部出现渐隐，回到顶部渐隐消失。
第 11 行：滚动后顶部出现渐隐，回到顶部渐隐消失。
第 12 行：滚动后顶部出现渐隐，回到顶部渐隐消失。
第 13 行：滚动后顶部出现渐隐，回到顶部渐隐消失。
第 14 行：滚动后顶部出现渐隐，回到顶部渐隐消失。
第 15 行：滚动后顶部出现渐隐，回到顶部渐隐消失。
第 16 行：滚动后顶部出现渐隐，回到顶部渐隐消失。
第 17 行：滚动后顶部出现渐隐，回到顶部渐隐消失。
第 18 行：滚动后顶部出现渐隐，回到顶部渐隐消失。
第 19 行：滚动后顶部出现渐隐，回到顶部渐隐消失。
第 20 行：滚动后顶部出现渐隐，回到顶部渐隐消失。
其他组件
仓库还有 20 多个组件没有放上来，源码都在 code-examples/：ChatComposer、ChatMessageBubbles、ModelSelectorEffort、McpToolDecisionCard、StreamingDiffViewer、ArtifactsSplitPaneResizer、MediaLightboxViewer、LiveMicActivityBars 等。