RtkButton

A button that follows RTK Design System.

Properties

Property	Type	Required	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}
    />
  );
}