跳转到内容
搜索文档

RtkSwitch

最后更新 查看 MarkdownAgent 设置

符合 RTK 设计系统的开关(switch)组件。

属性

属性 类型 必填 默认值 描述
checked boolean - 开关是否启用/选中
disabled boolean - 开关是否被禁用
iconPack IconPack defaultIconPack 图标包
readonly boolean - 开关是否只读
t RtkI18n useLanguage() 语言

使用示例

基本用法

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

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

带属性的用法

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

function MyComponent() {
  return (
    <RtkSwitch
      checked={true}
      disabled={true}
      readonly={true}
    />
  );
}

这篇文档对您有帮助吗?