Skip to content

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

RtkIcon

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

SVG 文字列を受け取り、描画するアイコンコンポーネントです。

プロパティ

プロパティ 型 必須 デフォルト 説明
icon string ✅ - アイコン
size Size1 ✅ - サイズ
variant IconVariant ✅ - アイコンのバリアント

使用例

基本的な使い方

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

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

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

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

function MyComponent() {
  return (
    <RtkIcon
      icon="example"
      size="md"
      variant="primary"
    />
  );
}

役に立ちましたか？