RtkButton

符合 RTK 设计系统的按钮。

属性

属性	类型	必填	默认值	描述
`disabled`	`boolean`	✅	-	按钮是否已禁用
`kind`	`ButtonKind`	✅	-	按钮类型
`reverse`	`boolean`	✅	-	是否反转子组件的顺序
`size`	`Size`	✅	-	尺寸
`type`	`HTMLButtonElement['type']`	✅	-	按钮类型
`variant`	`ButtonVariant`	✅	-	按钮变体

使用示例

基本用法

import { RtkButton } from '@cloudflare/realtimekit-react-ui';

function MyComponent() {
  return <RtkButton />;
}

带有属性

import { RtkButton } from '@cloudflare/realtimekit-react-ui';

function MyComponent() {
  return (
    <RtkButton
      disabled={true}
      kind={buttonkind}
      reverse={true}
    />
  );
}