按钮
Sliding fill send pill
Sliding fill send pill：宽描边胶囊一端带实心圆盘，悬停时填充横扫全胶囊，经过文字时反转其颜色。
使用 Sliding fill send pill
Sliding fill send pill 的预览采用「卡片」布局，主题设置为「浅色/深色」。
自定义预览
这些控件会传给演示组件。默认值和限制描述的是预览；完整的属性接口请查看实现代码。
| 控件 | 类型 | 默认值 | 预览限制 |
|---|---|---|---|
accent | color | #F5C542 | 元数据未列出其他限制。 |
label | text | Send message | 最多 24 个字符 |
height | number | 54 | 范围 40 至 72；步长 2 |
slideSeconds | number | 0.3 | 范围 0.1 至 0.8；步长 0.05 |
capSide | select | right | 选项：right、left |
Sliding fill send pill 提供哪些框架版本？
Sliding fill send pill 提供 React、Vue、Svelte、Astro、HTML 版本。实时预览使用 React；以下代码观察仅针对 index.tsx。使用其他版本前，请确认其交互行为。
Sliding fill send pill 有哪些依赖？
React 元数据未列出 React 之外的 npm 依赖。
Sliding fill send pill 的代码中有哪些无障碍细节？
Sliding fill send pill 的 React 代码包含：原生元素（button）；属性与事件处理器（aria-hidden、aria-label）。这些信息来自代码观察。请在组合后的页面中验证无障碍名称、焦点顺序和键盘行为。
Sliding fill send pill 如何处理减少动态效果的偏好？
代码扫描未在 Sliding fill send pill 的 index.tsx 中发现通过 useReducedMotion() 或 matchMedia 直接读取偏好的代码。请启用减少动态效果，检查完整实现、共享样式和所选框架版本；这些观察不能证明所有动画都会停止。
