密钥输入 SecretInput

<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>

export function SecretInputDemo() {
  return (
    <div className="w-80">
      <SensitiveInput label="API 密钥" defaultValue="sk_live_4f8a2c91d7e3b6a0" />
    </div>
  );
}