跳转到内容
搜索文档

RtkSettingsToggle

最后更新 查看 MarkdownAgent 设置

一个切换设置模块可见性的按钮。点击时,它会触发一个 rtkStateUpdate 事件,并携带以下数据:

{ activeSettings: boolean; }

属性

属性 类型 必填 默认值 描述
iconPack IconPack defaultIconPack 图标包
size Size - 大小
states States - 状态对象
t RtkI18n useLanguage() 语言
variant ControlBarVariant - 变体

使用示例

基本用法

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

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

带有属性

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

function MyComponent() {
  return (
    <RtkSettingsToggle
      size="md"
      variant="button"
    />
  );
}

这篇文档对您有帮助吗?