Skip to content

非公式本サイトは非公式の日本語ドキュメントであり、Cloudflare 公式サイトではありません。最新情報はdevelopers.cloudflare.comをご確認ください。

RtkSwitch

最終更新 Markdown で表示Agent セットアップ

RTK Design System に準拠したスイッチです。

プロパティ

プロパティ 型 必須 デフォルト 説明
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}
    />
  );
}

役に立ちましたか？