RtkButton

複数のバリアントとサイズを持つ汎用ボタンコンポーネントです。

プロパティ

プロパティ	型	必須	デフォルト	説明
`children`	`ReactNode`	❌	-	ボタンのコンテンツ / ラベル
`onClick`	`any`	✅	-	押下時のコールバック
`kind`	`'button' \| 'icon' \| 'wide'`	❌	`'button'`	ボタンの種類
`variant`	`'danger' \| 'ghost' \| 'primary' \| 'secondary'`	❌	-	見た目のバリアント
`size`	`'lg' \| 'md' \| 'sm' \| 'xl'`	❌	-	ボタンのサイズ
`reverse`	`boolean`	❌	`false`	ボタンコンテンツの並びを反転します
`disabled`	`boolean`	❌	-	ボタンを無効にするかどうか
`style`	`StyleProp<any>`	❌	-	カスタムの React Native スタイル

使用例

基本的な使い方

import { RtkButton } from "@cloudflare/realtimekit-react-native-ui";

function MyComponent() {
	return <RtkButton onClick={() => console.log("pressed")}>Press Me</RtkButton>;
}

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

import { RtkButton } from "@cloudflare/realtimekit-react-native-ui";

function MyComponent() {
	return (
		<RtkButton
			onClick={() => console.log("pressed")}
			variant="primary"
			size="md"
			kind="wide"
		>
			Join Meeting
		</RtkButton>
	);
}