RtkButton

A general-purpose button component with multiple variants and sizes.

Properties

Property	Type	Required	Default	Description
`children`	`ReactNode`	❌	-	Button content/label
`onClick`	`any`	✅	-	Press handler callback
`kind`	`'button' \| 'icon' \| 'wide'`	❌	`'button'`	Button kind
`variant`	`'danger' \| 'ghost' \| 'primary' \| 'secondary'`	❌	-	Visual style variant
`size`	`'lg' \| 'md' \| 'sm' \| 'xl'`	❌	-	Button size
`reverse`	`boolean`	❌	`false`	Reverse the button content order
`disabled`	`boolean`	❌	-	Whether the button is disabled
`style`	`StyleProp<any>`	❌	-	Custom React Native styles

Usage Examples

Basic Usage

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

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

With Properties

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>
	);
}