RtkButton

Last updated Apr 21, 2026Copy as MarkdownView as MarkdownAgent setup

OverviewPropertiesUsage ExamplesBasic UsageWith Properties

A button that follows RTK Design System.

Properties

Property	Type	Default	Description
`disabled`	`boolean`	-	Where the button is disabled or not
`kind`	`ButtonKind`	-	Button type
`reverse`	`boolean`	-	Whether to reverse order of children
`size`	`Size`	-	Size
`type`	`HTMLButtonElement['type']`	-	Button type
`variant`	`ButtonVariant`	-	Button variant

Usage Examples

Basic Usage

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

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

With Properties

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

function MyComponent() {
  return (
    <RtkButton
      disabled={true}
      kind={buttonkind}
      reverse={true}
    />
  );
}

PreviousRtkBroadcastMessageModal NextRtkCameraSelector

Was this helpful?

YesNo

Edit page Report issue

RtkButton

Properties

Usage Examples

Basic Usage

With Properties

On this page