RtkControlbarButton

カスタムのコントロールバーボタンを組み立てるためのスケルトンコンポーネントです。

プロパティ

プロパティ	型	必須	デフォルト	説明
`brandIcon`	`boolean`	✅	-	アイコンにブランドカラーが必要かどうか
`disabled`	`boolean`	✅	-	ボタンが無効かどうか
`icon`	`string`	✅	-	アイコン
`iconPack`	`IconPack`	❌	`defaultIconPack`	アイコンパック
`isLoading`	`boolean`	✅	-	読み込み中の状態。true の場合、現在のアイコンを無視してスピナーを表示します
`label`	`string`	✅	-	ボタンのラベル
`showWarning`	`boolean`	✅	-	警告アイコンを表示するかどうか
`size`	`Size`	✅	-	サイズ
`variant`	`ControlBarVariant1`	✅	-	バリアント

使用例

基本的な使い方

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

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

プロパティを指定する場合

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

function MyComponent() {
  return (
    <RtkControlbarButton
      brandIcon={true}
      disabled={true}
      icon="example"
    />
  );
}