# 密钥输入 SecretInput

分类：表单 · React：SensitiveInput

API 密钥、令牌：默认遮住，可以显示 / 隐藏、一键复制。会员站的 API 设置和插件的 AI 服务密钥都用它。

## 示例
```html
<div class="xxd-field" style="width:100%;max-width:340px">
  <label class="xxd-label" for="k1">API 密钥</label>
  <div class="xxd-input-group xxd-secret" data-xxd-secret>
    <input id="k1" type="password" value="sk_live_4f8a2c91d7e3b6a0" readonly>
    <button class="xxd-btn" data-variant="ghost" data-icon-only data-size="sm" data-secret-toggle aria-label="显示" aria-pressed="false"><i data-xxd-icon="Eye" data-size="16"></i></button>
    <button class="xxd-btn" data-variant="ghost" data-icon-only data-size="sm" data-secret-copy aria-label="复制"><i data-xxd-icon="Copy" data-size="16"></i></button>
  </div>
  <p class="xxd-help">只保存在这台电脑上。</p>
</div>
```

## 属性与类名
- 类名：`xxd-secret`

## 键盘与读屏
- 显示 / 隐藏按钮是切换按钮（aria-pressed），文字跟着变
- 复制成功的「已复制」通过 live region 读出

## 规则
- 默认遮住；显示后不要自动再遮住（用户自己决定）