Button按钮

// 可编译示例：button-basic。examples:check 以 tsc 编译验证（T24 回填 digest）。
import { Button } from "@cwa-design/react";

export function ButtonBasic() {
  return (
    <Button
      variant="primary"
      onClick={() => {
        // 业务动作
      }}
    >
      保存设置
    </Button>
  );
}

import { Button } from "@cwa-design/react";
import { useState } from "react";

// 可编译示例：loading 期间禁止重复提交，结束后恢复。
export function ButtonLoading() {
  const [saving, setSaving] = useState(false);
  return (
    <Button
      variant="primary"
      loading={saving}
      onClick={() => {
        setSaving(true);
        setTimeout(() => setSaving(false), 1500);
      }}
    >
      {saving ? "保存中…" : "保存设置"}
    </Button>
  );
}